Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shuzhengz/dark-discord
A dark theme for Discord, needs BetterDiscord installed
https://github.com/shuzhengz/dark-discord
Last synced: 10 days ago
JSON representation
A dark theme for Discord, needs BetterDiscord installed
- Host: GitHub
- URL: https://github.com/shuzhengz/dark-discord
- Owner: Shuzhengz
- License: wtfpl
- Created: 2022-01-03T20:55:47.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-04T18:20:51.000Z (about 1 year ago)
- Last Synced: 2023-10-05T06:39:16.730Z (about 1 year ago)
- Language: CSS
- Homepage:
- Size: 154 KB
- Stars: 2
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://github.com/BetterDiscord/BetterDiscord) is required to be installed
[Betterdiscordctl](https://github.com/bb010g/betterdiscordctl) might be a handy tool to install BetterDiscord on Linux
### BetterDiscord Installers
- Windows:
Grab the `exe` file from [here](https://github.com/BetterDiscord/Installer/releases/latest/download/BetterDiscord-Windows.exe).
- macOS/OS X:
Grab the `zip` file from [here](https://github.com/BetterDiscord/Installer/releases/latest/download/BetterDiscord-Mac.zip).
- Linux:
Grab the `AppImage` file from [here](https://github.com/BetterDiscord/Installer/releases/latest/download/BetterDiscord-Linux.AppImage), or use [Betterdiscordctl](https://github.com/bb010g/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](https://raw.githubusercontent.com/Shuzhengz/dark-discord/main/dark-discord.scss))
- 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.