Skip to content

Instantly share code, notes, and snippets.

@ChlorideCull
Created December 29, 2021 14:09
Show Gist options
  • Save ChlorideCull/01900de5ca9f93724e875692dca82f7e to your computer and use it in GitHub Desktop.
Save ChlorideCull/01900de5ca9f93724e875692dca82f7e to your computer and use it in GitHub Desktop.
Simple discord dark mode colorization

Get Dart Sass from https://github.com/sass/dart-sass/releases and unpack/install somewhere.

Build with sass .\my-custom-css.scss .\my-custom-css.css and paste the contents of my-custom-css.css as custom CSS in BetterDiscord (or make it a proper theme)

@use "sass:color" as color;
$theme-color: hsl(217 24% 23%) !default;
html.theme-dark {
--background-primary: #{$theme-color};
--background-secondary: #{color.adjust($theme-color, $lightness: -8%)};
--background-secondary-alt: #{color.adjust($theme-color, $lightness: -11%)};
--background-tertiary: #{color.adjust($theme-color, $lightness: -5%)};
--background-accent: #{color.adjust($theme-color, $lightness: -6%)};
--background-floating: #{color.adjust($theme-color, $lightness: -2%)};
--background-nested-floating: #{color.adjust($theme-color, $lightness: -4%)};
--channeltextarea-background: #{color.adjust($theme-color, $lightness: 4%)};
}
.theme-dark .container-1D34oG {
background-color: var(--background-primary);
}
@use 'discord' with (
$theme-color: #4D3E22
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment