Skip to content

CSS themes and utility stylesheets for Discord (using beautifuldiscord)

License

Notifications You must be signed in to change notification settings

KomashiFX/DiscordCSS

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DiscordCSS

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.

A quick word on client mods

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).

Stylesheets

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

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 (windows desktop app)

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": true

License

This project is licensed under the MIT license.

About

CSS themes and utility stylesheets for Discord (using beautifuldiscord)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 100.0%