discord-themes

just a bunch of css themes for use with Discord (Vencord, Replugged, OpenAsar, BetterDiscord, etc.)
customisable == Can be customised via QuickCSS! ...at least in Vencord

custom-branding

change your discord title name and DM button to whatever you like! (customisable)

https://raw.githubusercontent.com/XaaRii/discord-themes/master/custom-branding.css

custom-loading

got bored of the endlessly spinning Clyde icon? (customisable)

https://raw.githubusercontent.com/XaaRii/discord-themes/master/custom-loading.css

bigger-preview

ever wanted to actually see what's on that screenshare preview? (customisable)

https://raw.githubusercontent.com/XaaRii/discord-themes/master/bigger-preview.css

neko

remember oneko running all across your monitor but you want something less disturbing?

https://raw.githubusercontent.com/XaaRii/discord-themes/master/neko.css

random

feeling lucky? Get a random css every time you load discord!

https://raw.githubusercontent.com/XaaRii/discord-themes/master/random.css

How to customize?

It's simple! Just insert this css snippet into your QuickCSS, edit what you want to change and you're ready to go!

:root {
    /* custom-branding */
    --watermark: "your discord!";
    --home-button-image: url("https://www.rawshorts.com/freeicons/wp-content/uploads/2017/01/black_repicthousebase_1484336385-1.png");
    --home-button-bg: "transparent";
    --home-button-size: 100%;
    /* custom-loading */
    --loading-image: url("https://comfy-themes.github.io/Discord/assets/bonfire.gif");
    /* bigger-preview */
    --stream-height: fit-content;
    --stream-width: 450px;
    /* neko */
    /* available animations: alert, scratchdown, runleft, runright, wallscratch */
    --typing-animation: scratchdown;
}