Skip to content

Theme Colors

Amy Dang edited this page Jul 21, 2024 · 1 revision

In the file: src/styles/global.css You can update the dark/light theme colors with any valid CSS color value you want.

Here is the block of code you'll need to change.

  :root {
    color-scheme: light;
    --theme-bg: #efefef;
    --theme-text: #222222;
    --theme-accent: #dd7878;
    --theme-accent-2: #bcc0cd;
    --theme-surface: #e6e6e6;
    --theme-quote: #dd7878;
    --theme-highlight: #dd7878;
  }

  :root.dark {
    color-scheme: dark;
    --theme-bg: #1d1d1d;
    --theme-text: #ededed;
    --theme-accent: #93e1d4;
    --theme-accent-2: #545454;
    --theme-surface: #2f2f2f;
    --theme-quote: #93e1d4;
    --theme-highlight: #93e1d4;
  }

Clone this wiki locally