A collection of my Discord CSS styles
Перейти к файлу
HoLLy-HaCKeR 81cd0fd55d Update gitignore 2019-09-10 00:54:30 +02:00
.idea Fix server bar 2019-04-26 14:01:35 +02:00
.vscode Fix autoreload on linux 2019-09-10 00:54:13 +02:00
experiments Allow disabling the loading screen, style normally hidden stuff 2018-07-03 16:08:50 +02:00
sakura Support server folders (closes #10) 2019-07-26 21:51:39 +02:00
tweaks Support server folders (closes #10) 2019-07-26 21:51:39 +02:00
.gitignore Update gitignore 2019-09-10 00:54:30 +02:00
LICENSE Initial commit 2018-06-01 11:41:22 +00:00
README.md Remove compass link, as it doesn't work properly 2018-10-22 15:51:40 +02:00
personal.scss Update personal style 2019-07-26 21:53:02 +02:00

README.md

DiscordCSS

A collection of my Discord CSS styles

Using these themes

All of these themes are written in SCSS instead of CSS, so you will have to compile them first. To compile SCSS code into CSS, I suggest you use the commandline tool you can find on the official Sass site.

As for loading the CSS themes into Discord, I recommend using BeautifulDiscord by leovoel. It's a great tool that allows hot-reloading custom CSS in Discord, and doesn't have the security risks that come with BetterDiscord (which I advice you not to use). Instructions to install it can be found in its repository.

NOTE: These styles are meant to work with the Dark Discord theme. If you use the White theme, please switch to Dark if you don't like looking at a broken mess.

Themes

Custom Configurations

Because these themes are meant to be very configurable, it's easy to create your own configuration with the settings you prefer. Below, you can find an example of a configuration that I use (at the time of writing) where various extra options are enabled.

Path: personal.scss

Custom configuration screenshot

member list channel list animations unread server code blocks logos

Sakura

A pink style, inspired by cherry blossoms.

Path: sakura/main.scss

Sakura theme screenshot