Skip to content

Shuzhengz/dark-discord

Repository files navigation

Dark Discord

An actual dark theme for Discord

Great for those who thinks the normal discord dark mode is literally just light mode

Requirements

BetterDiscord is required to be installed

Betterdiscordctl might be a handy tool to install BetterDiscord on Linux

BetterDiscord Installers

  • Windows: Grab the exe file from here.

  • macOS/OS X: Grab the zip file from here.

  • Linux: Grab the AppImage file from here, or use Betterdiscordctl.

Sometimes BetterDiscord can get disabled after a discord update, in that case just install it again, it should keep all the configs

Installation Instructions

Install as a theme

  • Go to the Themes tab in Discord's settings (BetterDiscord section)
  • Click on the Open Theme Folder button
  • Drag dark-discord.theme.css into the folder
    • You can also use dark-discord.theme.min.css
  • Go back to the Themes tab in Discord's settings, enable the theme with the switch

Install as a custom CSS

The custom CSS option can be useful if your install of betterdiscord is bugged or not supported fully

To use this option,

  • Go to the Custom CSS tab in Discord's settings
  • Copy the content in dark-discord.scss (here)
  • Paste in the textbox
  • Click on the save button, then the update button to apply
  • Optionally check the "live update" checkbox to see the changes in real time

Note

Because of how BetterDiscord works, sometimes after Discord updates you have to install BetterDiscord again.

Usually you do not need to reinstall the theme, but if the theme does not come back automatically after the update, simply install the theme again. If it still doesn't work, please submit an issue in this repository.

Customize

You can customize this theme by changing the color hex codes in the file

(Be careful, there's a lot of them)

You can also customize any other component by opening discord in your browser, and see the components using the inspect tool.

Simply copy the component name (i.e. .container-ZMc96U) and then set the properties you want using standard CSS.