base16-discord

A lightweight recoloring of the default Discord theme to use base16 color schemes.

Preview:

Installation (QuickCSS Import):

1. Install a client mod for Discord, such as Vencord or Legcord.
2. Paste the following snippet into your client mod's QuickCSS:

@import url('https://raw.githubusercontent.com/imbypass/base16-discord/refs/heads/main/base16.css');

Installation (Local):

1. Install a client mod for Discord, such as Vencord or Legcord.
2. Download the base16-discord theme for your client mod.
3. Place the downloaded theme to your client mod's theme directory. (e.g., ~/.config/Vencord/themes/base16.css)
4. Refresh your theme list (if applicable) and enable the theme in your settings.

Customizing:

base16-discord exposes a few variables to make it super easy to match your system theme. You can use modify these variables inside your QuickCSS to customize the theme's colors and fonts. (QuickCSS changes are live-reloaded so you can see the changes instantly.)

:root {
    --font: "ZedMono Nerd Font Propo";
    --font-code: "ZedMono Nerd Font Propo";

    --base00: #121212;
    --base01: #181818;
    --base02: #303030;
    --base03: #505050;
    --base04: #B0B0B0;
    --base05: #DCDFE0;
    --base06: #E0E0E0;
    --base07: #F5F5F5;
    --base08: #E27373;
    --base09: #FFBA7B;
    --base0A: #F9CF7A;
    --base0B: #94B979;
    --base0C: #00988E;
    --base0D: #97BEDC;
    --base0E: #E1C0FA;
    --base0F: #D4ACA7;
}