cute dracula theme for discord~

partially restores the old layout prior to the visual refresh

Additional Screenshots

Add the following snippet to the top of your custom css, and enable dark mode:

@import url("https://rushiiMachine.github.io/discord-dracula/main.css");

Alternatively, you can download dracula.theme.css and add it to your client mod's themes folder! (right-click > Save As)

If using Vencord, it is recommended to enable the PlainFolderIcon plugin in order to always display the folder icons shown in the screenshots!

If you like what you see, please consider sponsoring me ♡ on GitHub, or leaving a star!

If you are using the Experiments plugin on Vencord with the "Toolbar Dev Menu" option enabled, you need to add this CSS snippet to your Custom CSS:

section[class^="title_"] > div > div[class^="toolbar_"]::after {
	width: 190px;
}

This theme is inspired by an outdated theme created by fawn: fawni/dracula!
Visual Refresh revert for guilds list from scattagain/VencordStuff.
Other Visual Refresh reverts from MaiRiosIPla/unshittify-discord.

If you want to contribute, install Node.js 22+, and run the following commands:

$ git clone https://github.com/rushiiMachine/discord-dracula
$ cd discord-dracula
$ npm install --global corepack
$ corepack install
$ pnpm install
# Configure .env
$ pnpm watch

Before running the final command, copy the .env.example file to .env, and populate the THEME_DIR variable with a path to your client mod's themes directory. This is to allow for hot-reloading the compiled theme. After running pnpm watch, any changes inside the src directory will cause the theme to be recompiled and reapplied.