DiscordCSS is a set of css stylesheets that make styling discord easier. Each one seeks to provide a unique way to change how discord looks and feels.
The Discord app needs to be patched, my suggestion would be BeautifulDiscord, because it only injects CSS (no js). If you're using the web version I would suggest trying my browser extension (chromium), but any other CSS injecting extensions should be fine as well.
I have also added my own linux script (inject) for injecting css, which should work on MacOS as well if you provide it with the correct discord path. It also injects it into popout windows (probably the overlay as well, but I haven't tested that yet). It enables a quick way to inject your stylesheet by just running:
curl -s https://raw.githubusercontent.com/MrTipson/DiscordCSS/e9dc89cb4ac7894c9277adc047ed526c1905343e/inject | sh -s -- -c ~/.config/discord/custom.css
Note: running scripts directly from the internet is not a good idea, so at least make sure to pin the commit like its done in the example.
Discord is aware of the existance of client mods (such as BeautifulDiscord; not css stylesheets themselves) but they are technically not allowed. This is something you should be aware of. That being said, BeautifulDiscord is probably the safest one of all, since it interferes the least.
My hope is that some day, custom themes will be supported officialy, which is
why I try to keep it as simple as possible (plain CSS), but still easy-ish to
maintain (see my github action and the stylesheet tracking
repository). I've disabled these actions because of changes with the way discord does things, but I plan on improving the extension at some point to compensate.
All of the stylesheets are modular. Import each one by writing @import url("<link>"); at the top of your main css file (example: @import url("https://mrtipson.github.io/DiscordCSS/css/base.css");.
Once you have it imported, you can keep the default values or set the variables again to change their values.
Stylesheets are listed, along with images on the wiki page Stylesheets.
Local files can't be opened due to access policies of browsers and discord itself.
Finished themes can be found in the examples.
These are their own stylesheets that provide a unique look incorporating various core stylesheets from this repository.
Dev tools in the desktop app are locked behind a flag in the %appdata%/discord/settings.json file (AppData/Roaming).
"DANGEROUS_ENABLE_DEVTOOLS_ONLY_ENABLE_IF_YOU_KNOW_WHAT_YOURE_DOING": trueThis project is licensed under the MIT license.