1719 lines
51 KiB
CSS
1719 lines
51 KiB
CSS
@charset "UTF-8";
|
|
.theme-dark.color-scheme-atom-one-dark {
|
|
--black: #181a1f;
|
|
--darkest-gray: #21252b;
|
|
--bg0: #282c34;
|
|
--bg1: #31353f;
|
|
--bg2: #393f4a;
|
|
--bg3: #3b3f4c;
|
|
--bg-blue: #73b8f1;
|
|
--bg-yellow: #ebd09c;
|
|
--foreground: #abb2bf;
|
|
--grey: #5c6370;
|
|
--light-grey: #848b98;
|
|
--color-red: #e86671;
|
|
--color-orange: #d19a66;
|
|
--color-yellow: #e5c07b;
|
|
--color-green: #98c379;
|
|
--color-cyan: #56b6c2;
|
|
--color-blue: #61afef;
|
|
--color-purple: #c678dd;
|
|
--color-pink: pink;
|
|
--background-primary: var(--bg0);
|
|
--background-secondary: var(--darkest-gray);
|
|
--selection-background-color: var(--bg3);
|
|
--border-color-primary: var(--bg2);
|
|
--border-color-secondary: var(--bg1);
|
|
--text-color: var(--foreground);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--bg2);
|
|
--text-color-muted-light: var(--grey);
|
|
--accent-color-dark: var(--color-blue);
|
|
--accent-color-light: var(--color-cyan);
|
|
--accent-color-hover: var(--bg-blue);
|
|
--accent-h: 207;
|
|
--accent-s: 82%;
|
|
--accent-l: 66%;
|
|
--canvas-color: 97, 175, 239 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--color-orange);
|
|
--code-builtin: var(--color-cyan);
|
|
--code-comment: var(--grey);
|
|
--code-definition: var(--color-blue);
|
|
--code-keyword: var(--color-purple);
|
|
--code-operator: var(--color-cyan);
|
|
--code-property: var(--color-cyan);
|
|
--code-parentheses: var(--light-grey);
|
|
--code-string: var(--color-green);
|
|
--code-value: var(--color-orange);
|
|
--code-variable: var(--text-color);
|
|
}
|
|
|
|
.theme-dark.color-scheme-catppuccin-frappe {
|
|
--rosewater: #f2d5cf;
|
|
--flamingo: #eebebe;
|
|
--pink: #f4b8e4;
|
|
--mauve: #ca9ee6;
|
|
--red: #e78284;
|
|
--maroon: #ea999c;
|
|
--peach: #ef9f76;
|
|
--yellow: #e5c890;
|
|
--green: #a6d189;
|
|
--teal: #81c8be;
|
|
--sky: #99d1db;
|
|
--sapphire: #85c1dc;
|
|
--blue: #8caaee;
|
|
--lavender: #babbf1;
|
|
--text: #c6d0f5;
|
|
--subtext1: #b5bfe2;
|
|
--subtext0: #a5adce;
|
|
--overlay2: #949cbb;
|
|
--overlay1: #838ba7;
|
|
--overlay0: #737994;
|
|
--surface2: #626880;
|
|
--surface1: #51576d;
|
|
--surface0: #414559;
|
|
--base: #303446;
|
|
--mantle: #292c3c;
|
|
--crust: #232634;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--peach);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--teal);
|
|
--color-blue: var(--blue);
|
|
--color-purple: var(--mauve);
|
|
--color-pink: var(--pink);
|
|
--background-primary: var(--base);
|
|
--background-secondary: var(--crust);
|
|
--selection-background-color: var(--surface1);
|
|
--border-color-primary: var(--surface1);
|
|
--border-color-secondary: var(--surface0);
|
|
--text-color: var(--text);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--surface0);
|
|
--text-color-muted-light: var(--overlay0);
|
|
--accent-color-dark: var(--mauve);
|
|
--accent-color-light: var(--blue);
|
|
--accent-color-hover: var(--maroon);
|
|
--accent-h: 277;
|
|
--accent-s: 59%;
|
|
--accent-l: 76%;
|
|
--canvas-color: 202, 158, 230 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--peach);
|
|
--code-builtin: var(--peach);
|
|
--code-comment: var(--overlay0);
|
|
--code-definition: var(--lavender);
|
|
--code-keyword: var(--mauve);
|
|
--code-operator: var(--sky);
|
|
--code-property: var(--lavender);
|
|
--code-parentheses: var(--overlay2);
|
|
--code-string: var(--green);
|
|
--code-value: var(--peach);
|
|
--code-variable: var(--text-color);
|
|
}
|
|
|
|
.theme-dark.color-scheme-catppuccin-macchiato {
|
|
--rosewater: #f4dbd6;
|
|
--flamingo: #f0c6c6;
|
|
--pink: #f5bde6;
|
|
--mauve: #c6a0f6;
|
|
--red: #ed8796;
|
|
--maroon: #ee99a0;
|
|
--peach: #f5a97f;
|
|
--yellow: #eed49f;
|
|
--green: #a6da95;
|
|
--teal: #8bd5ca;
|
|
--sky: #91d7e3;
|
|
--sapphire: #7dc4e4;
|
|
--blue: #8aadf4;
|
|
--lavender: #b7bdf8;
|
|
--text: #cad3f5;
|
|
--subtext1: #b8c0e0;
|
|
--subtext0: #a5adcb;
|
|
--overlay2: #939ab7;
|
|
--overlay1: #8087a2;
|
|
--overlay0: #6e738d;
|
|
--surface2: #5b6078;
|
|
--surface1: #494d64;
|
|
--surface0: #363a4f;
|
|
--base: #24273a;
|
|
--mantle: #1e2030;
|
|
--crust: #181926;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--peach);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--teal);
|
|
--color-blue: var(--blue);
|
|
--color-purple: var(--mauve);
|
|
--color-pink: var(--pink);
|
|
--background-primary: var(--base);
|
|
--background-secondary: var(--crust);
|
|
--selection-background-color: var(--surface1);
|
|
--border-color-primary: var(--surface1);
|
|
--border-color-secondary: var(--surface0);
|
|
--text-color: var(--text);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--surface0);
|
|
--text-color-muted-light: var(--overlay0);
|
|
--accent-color-dark: var(--mauve);
|
|
--accent-color-light: var(--blue);
|
|
--accent-color-hover: var(--maroon);
|
|
--accent-h: 267;
|
|
--accent-s: 83%;
|
|
--accent-l: 80%;
|
|
--canvas-color: 198, 160, 246 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--peach);
|
|
--code-builtin: var(--peach);
|
|
--code-comment: var(--overlay0);
|
|
--code-definition: var(--lavender);
|
|
--code-keyword: var(--mauve);
|
|
--code-operator: var(--sky);
|
|
--code-property: var(--lavender);
|
|
--code-parentheses: var(--overlay2);
|
|
--code-string: var(--green);
|
|
--code-value: var(--peach);
|
|
--code-variable: var(--text-color);
|
|
}
|
|
|
|
.theme-dark.color-scheme-catppuccin-mocha {
|
|
--rosewater: #f5e0dc;
|
|
--flamingo: #f2cdcd;
|
|
--pink: #f5c2e7;
|
|
--mauve: #cba6f7;
|
|
--red: #f38ba8;
|
|
--maroon: #eba0ac;
|
|
--peach: #fab387;
|
|
--yellow: #f9e2af;
|
|
--green: #a6e3a1;
|
|
--teal: #94e2d5;
|
|
--sky: #89dceb;
|
|
--sapphire: #74c7ec;
|
|
--blue: #89b4fa;
|
|
--lavender: #b4befe;
|
|
--text: #cdd6f4;
|
|
--subtext1: #bac2de;
|
|
--subtext0: #a6adc8;
|
|
--overlay2: #9399b2;
|
|
--overlay1: #7f849c;
|
|
--overlay0: #6c7086;
|
|
--surface2: #585b70;
|
|
--surface1: #45475a;
|
|
--surface0: #313244;
|
|
--base: #1e1e2e;
|
|
--mantle: #181825;
|
|
--crust: #11111b;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--peach);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--teal);
|
|
--color-blue: var(--blue);
|
|
--color-purple: var(--mauve);
|
|
--color-pink: var(--pink);
|
|
--background-primary: var(--base);
|
|
--background-secondary: var(--crust);
|
|
--selection-background-color: var(--surface1);
|
|
--border-color-primary: var(--surface1);
|
|
--border-color-secondary: var(--surface0);
|
|
--text-color: var(--text);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--surface0);
|
|
--text-color-muted-light: var(--overlay0);
|
|
--accent-color-dark: var(--mauve);
|
|
--accent-color-light: var(--blue);
|
|
--accent-color-hover: var(--maroon);
|
|
--accent-h: 267;
|
|
--accent-s: 84%;
|
|
--accent-l: 81%;
|
|
--canvas-color: 203, 166, 247 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--peach);
|
|
--code-builtin: var(--peach);
|
|
--code-comment: var(--overlay0);
|
|
--code-definition: var(--lavender);
|
|
--code-keyword: var(--mauve);
|
|
--code-operator: var(--sky);
|
|
--code-property: var(--lavender);
|
|
--code-parentheses: var(--overlay2);
|
|
--code-string: var(--green);
|
|
--code-value: var(--peach);
|
|
--code-variable: var(--text-color);
|
|
}
|
|
|
|
.theme-dark.color-scheme-dracula {
|
|
--bg: #282a36;
|
|
--fg: #f8f8f2;
|
|
--selection: #44475a;
|
|
--comment: #6272a4;
|
|
--red: #ff5555;
|
|
--orange: #ffb86c;
|
|
--yellow: #f1fa8c;
|
|
--green: #50fa7b;
|
|
--purple: #bd93f9;
|
|
--cyan: #8be9fd;
|
|
--pink: #ff79c6;
|
|
--bright-red: #ff6e6e;
|
|
--bright-green: #69ff94;
|
|
--bright-yellow: #ffffa5;
|
|
--bright-blue: #d6acff;
|
|
--bright-magenta: #ff92df;
|
|
--bright-cyan: #a4ffff;
|
|
--bright-white: #ffffff;
|
|
--menu: #21222c;
|
|
--visual: #3e4452;
|
|
--gutter-fg: #4b5263;
|
|
--nontext: #3b4048;
|
|
--white: #abb2bf;
|
|
--black: #191a21;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--orange);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--cyan);
|
|
--color-blue: var(--comment);
|
|
--color-purple: var(--purple);
|
|
--color-pink: var(--pink);
|
|
--h2-color: var(--pink);
|
|
--background-primary: var(--bg);
|
|
--background-secondary: var(--menu);
|
|
--selection-background-color: var(--selection);
|
|
--border-color-primary: var(--gutter-fg);
|
|
--border-color-secondary: var(--visual);
|
|
--text-color: var(--fg);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--nontext);
|
|
--text-color-muted-light: var(--gutter-fg);
|
|
--accent-color-dark: var(--purple);
|
|
--accent-color-light: var(--pink);
|
|
--accent-color-hover: var(--green);
|
|
--accent-h: 265;
|
|
--accent-s: 89%;
|
|
--accent-l: 78%;
|
|
--canvas-color: 189, 147, 249 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--purple);
|
|
--code-builtin: var(--green);
|
|
--code-comment: var(--comment);
|
|
--code-definition: var(--text-color);
|
|
--code-keyword: var(--pink);
|
|
--code-operator: var(--pink);
|
|
--code-property: var(--green);
|
|
--code-parentheses: var(--cyan);
|
|
--code-string: var(--yellow);
|
|
--code-value: var(--purple);
|
|
--code-variable: var(--purple);
|
|
}
|
|
|
|
.theme-dark.color-scheme-dracula-soft {
|
|
--bg: #292a35;
|
|
--fg: #f6f6f5;
|
|
--selection: #7c7f8a;
|
|
--comment: #70747f;
|
|
--orange: #fdc38e;
|
|
--black: #1c1c1c;
|
|
--red: #dd6e6b;
|
|
--green: #87e58e;
|
|
--yellow: #e8eda2;
|
|
--purple: #baa0e8;
|
|
--pink: #e48cc1;
|
|
--cyan: #a7dfef;
|
|
--white: #f6f6f5;
|
|
--bright-red: #e1837f;
|
|
--bright-green: #97eda2;
|
|
--bright-yellow: #f6f6b6;
|
|
--bright-blue: #d0b5f3;
|
|
--bright-magenta: #e7a1d7;
|
|
--bright-cyan: #bcf4f5;
|
|
--bright-white: #ffffff;
|
|
--menu: #21222c;
|
|
--visual: #3e4452;
|
|
--gutter-fg: #4b5263;
|
|
--nontext: #3b4048;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--orange);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--cyan);
|
|
--color-blue: var(--comment);
|
|
--color-purple: var(--purple);
|
|
--color-pink: var(--pink);
|
|
--h2-color: var(--pink);
|
|
--background-primary: var(--bg);
|
|
--background-secondary: var(--menu);
|
|
--selection-background-color: var(--selection);
|
|
--border-color-primary: var(--gutter-fg);
|
|
--border-color-secondary: var(--visual);
|
|
--text-color: var(--fg);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--nontext);
|
|
--text-color-muted-light: var(--gutter-fg);
|
|
--accent-color-dark: var(--purple);
|
|
--accent-color-light: var(--pink);
|
|
--accent-color-hover: var(--green);
|
|
--accent-h: 262;
|
|
--accent-s: 61%;
|
|
--accent-l: 77%;
|
|
--canvas-color: 186, 160, 232 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--purple);
|
|
--code-builtin: var(--green);
|
|
--code-comment: var(--comment);
|
|
--code-definition: var(--text-color);
|
|
--code-keyword: var(--pink);
|
|
--code-operator: var(--pink);
|
|
--code-property: var(--green);
|
|
--code-parentheses: var(--cyan);
|
|
--code-string: var(--yellow);
|
|
--code-value: var(--purple);
|
|
--code-variable: var(--purple);
|
|
}
|
|
|
|
.theme-dark.color-scheme-gruvbox-soft, .theme-dark.color-scheme-gruvbox-medium, .theme-dark.color-scheme-gruvbox-hard {
|
|
--dark0-hard: #1d2021;
|
|
--dark0: #282828;
|
|
--dark0-soft: #32302f;
|
|
--dark1: #3c3836;
|
|
--dark2: #504945;
|
|
--dark3: #665c54;
|
|
--dark4: #7c6f64;
|
|
--light0-hard: #f9f5d7;
|
|
--light0: #fbf1c7;
|
|
--light0-soft: #f2e5bc;
|
|
--light1: #ebdbb2;
|
|
--light2: #d5c4a1;
|
|
--light3: #bdae93;
|
|
--light4: #a89984;
|
|
--bright-red: #fb4934;
|
|
--bright-green: #b8bb26;
|
|
--bright-yellow: #fabd2f;
|
|
--bright-blue: #83a598;
|
|
--bright-purple: #d3869b;
|
|
--bright-aqua: #8ec07c;
|
|
--bright-orange: #fe8019;
|
|
--neutral-red: #cc241d;
|
|
--neutral-green: #98971a;
|
|
--neutral-yellow: #d79921;
|
|
--neutral-blue: #458588;
|
|
--neutral-purple: #b16286;
|
|
--neutral-aqua: #689d6a;
|
|
--neutral-orange: #d65d0e;
|
|
--faded-red: #9d0006;
|
|
--faded-green: #79740e;
|
|
--faded-yellow: #b57614;
|
|
--faded-blue: #076678;
|
|
--faded-purple: #8f3f71;
|
|
--faded-aqua: #427b58;
|
|
--faded-orange: #af3a03;
|
|
--dark-red-hard: #792329;
|
|
--dark-red: #722529;
|
|
--dark-red-soft: #7b2c2f;
|
|
--light-red-hard: #fc9690;
|
|
--light-red: #fc9487;
|
|
--light-red-soft: #f78b7f;
|
|
--dark-green-hard: #5a633a;
|
|
--dark-green: #62693e;
|
|
--dark-green-soft: #686d43;
|
|
--light-green-hard: #d3d6a5;
|
|
--light-green: #d5d39b;
|
|
--light-green-soft: #cecb94;
|
|
--dark-aqua-hard: #3e4934;
|
|
--dark-aqua: #49503b;
|
|
--dark-aqua-soft: #525742;
|
|
--light-aqua-hard: #e6e9c1;
|
|
--light-aqua: #e8e5b5;
|
|
--light-aqua-soft: #e1dbac;
|
|
--gray: #928374;
|
|
--selection-background-color: var(--dark3);
|
|
--color-red: var(--neutral-red);
|
|
--color-orange: var(--neutral-orange);
|
|
--color-yellow: var(--neutral-yellow);
|
|
--color-green: var(--neutral-green);
|
|
--color-cyan: var(--neutral-aqua);
|
|
--color-blue: var(--neutral-blue);
|
|
--color-purple: var(--neutral-purple);
|
|
--color-pink: pink;
|
|
--text-color: var(--light1);
|
|
--text-color-accent: white;
|
|
--accent-color-dark: var(--neutral-green);
|
|
--accent-color-light: var(--neutral-yellow);
|
|
--accent-color-hover: var(--bright-green);
|
|
--accent-h: 60;
|
|
--accent-s: 71%;
|
|
--accent-l: 35%;
|
|
--canvas-color: 152, 151, 26 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--bright-purple);
|
|
--code-builtin: var(--bright-orange);
|
|
--code-comment: var(var(--gray));
|
|
--code-definition: var(--light1);
|
|
--code-keyword: var(--bright-red);
|
|
--code-operator: var(--bright-orange);
|
|
--code-property: var(--bright-green);
|
|
--code-parentheses: var(--bright-orange);
|
|
--code-string: var(--bright-green);
|
|
--code-value: var(--bright-purple);
|
|
--code-variable: var(--bright-blue);
|
|
}
|
|
.theme-dark.color-scheme-gruvbox-soft {
|
|
--background-primary: var(--dark0-soft);
|
|
--background-secondary: var(--dark1);
|
|
--border-color-primary: var(--dark3);
|
|
--border-color-secondary: var(--dark4);
|
|
--text-color-muted-dark: var(--dark3);
|
|
--text-color-muted-light: var(--dark4);
|
|
}
|
|
.theme-dark.color-scheme-gruvbox-medium {
|
|
--background-primary: var(--dark0);
|
|
--background-secondary: var(--dark0-soft);
|
|
--border-color-primary: var(--dark2);
|
|
--border-color-secondary: var(--dark3);
|
|
--text-color-muted-dark: var(--dark2);
|
|
--text-color-muted-light: var(--dark3);
|
|
}
|
|
.theme-dark.color-scheme-gruvbox-hard {
|
|
--background-primary: var(--dark0-hard);
|
|
--background-secondary: var(--dark0);
|
|
--border-color-primary: var(--dark1);
|
|
--border-color-secondary: var(--dark2);
|
|
--text-color-muted-dark: var(--dark1);
|
|
--text-color-muted-light: var(--dark2);
|
|
}
|
|
|
|
.theme-dark.color-scheme-horizon {
|
|
--blue: #26bbd9;
|
|
--cyan: #59e1e3;
|
|
--green: #29d398;
|
|
--magenta: #ee64ac;
|
|
--red: #e95678;
|
|
--yellow: #fab795;
|
|
--apricot: #f09483;
|
|
--cranberry: #e95678;
|
|
--gray: #bbbbbb;
|
|
--lavender: #b877db;
|
|
--rosebud: #fab795;
|
|
--tacao: #fac29a;
|
|
--turquoise: #25b0bc;
|
|
--accent: #2e303e;
|
|
--accentAlt: #6c6f93;
|
|
--background: #1c1e26;
|
|
--backgroundAlt: #232530;
|
|
--border: #1a1c23;
|
|
--lightText: #d5d8da;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--apricot);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--cyan);
|
|
--color-blue: var(--blue);
|
|
--color-purple: var(--lavender);
|
|
--color-pink: pink;
|
|
--background-primary: var(--background);
|
|
--background-secondary: var(--backgroundAlt);
|
|
--selection-background-color: var(--accent);
|
|
--border-color-primary: var(--accent);
|
|
--border-color-secondary: var(--accent);
|
|
--text-color: var(--lightText);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--accent);
|
|
--text-color-muted-light: var(--accentAlt);
|
|
--accent-color-dark: var(--cranberry);
|
|
--accent-color-light: var(--turquoise);
|
|
--accent-color-hover: var(--rosebud);
|
|
--accent-h: 345;
|
|
--accent-s: 77%;
|
|
--accent-l: 62%;
|
|
--canvas-color: 233, 83, 120 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--apricot);
|
|
--code-builtin: var(--turquoise);
|
|
--code-comment: #4c4d53;
|
|
--code-definition: var(--cranberry);
|
|
--code-keyword: var(--lavender);
|
|
--code-operator: var(--gray);
|
|
--code-property: var(--turquoise);
|
|
--code-parentheses: var(--gray);
|
|
--code-string: var(--rosebud);
|
|
--code-value: var(--apricot);
|
|
--code-variable: var(--cranberry);
|
|
}
|
|
|
|
.theme-dark.color-scheme-kanagawa-dragon {
|
|
--dragonBlack0: #0d0c0c;
|
|
--dragonBlack1: #12120f;
|
|
--dragonBlack2: #1d1c19;
|
|
--dragonBlack3: #181616;
|
|
--dragonBlack4: #282727;
|
|
--dragonBlack5: #393836;
|
|
--dragonBlack6: #625e5a;
|
|
--dragonWhite: #c5c9c5;
|
|
--dragonGreen: #87a987;
|
|
--dragonGreen2: #8a9a7b;
|
|
--dragonPink: #a292a3;
|
|
--dragonOrange: #b6927b;
|
|
--dragonOrange2: #b98d7b;
|
|
--dragonGray: #a6a69c;
|
|
--dragonGray2: #9e9b93;
|
|
--dragonGray3: #7a8382;
|
|
--dragonBlue2: #8ba4b0;
|
|
--dragonViolet: #8992a7;
|
|
--dragonRed: #c4746e;
|
|
--dragonAqua: #8ea4a2;
|
|
--dragonAsh: #737c73;
|
|
--dragonTeal: #949fb5;
|
|
--dragonYellow: #c4b28a;
|
|
--waveBlue1: #223249;
|
|
--color-red: var(--dragonRed);
|
|
--color-orange: var(--dragonOrange);
|
|
--color-yellow: var(--dragonYellow);
|
|
--color-green: var(--dragonGreen2);
|
|
--color-cyan: var(--dragonTeal);
|
|
--color-blue: var(--dragonTeal);
|
|
--color-purple: var(--dragonViolet);
|
|
--color-pink: var(--dragonPink);
|
|
--background-primary: var(--dragonBlack3);
|
|
--background-secondary: var(--dragonBlack4);
|
|
--selection-background-color: var(--waveBlue1);
|
|
--border-color-primary: var(--dragonBlack5);
|
|
--border-color-secondary: var(--dragonBlack6);
|
|
--text-color: var(--dragonWhite);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--dragonBlack5);
|
|
--text-color-muted-light: var(--dragonBlack6);
|
|
--accent-color-dark: var(--dragonTeal);
|
|
--accent-color-light: var(--dragonOrange);
|
|
--accent-color-hover: var(--dragonPink);
|
|
--accent-h: 220;
|
|
--accent-s: 18%;
|
|
--accent-l: 65%;
|
|
--canvas-color: 148, 159, 181 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--dragonOrange);
|
|
--code-builtin: var(--dragonTeal);
|
|
--code-comment: var(--dragonAsh);
|
|
--code-definition: var(--dragonOrange);
|
|
--code-keyword: var(--dragonTeal);
|
|
--code-operator: var(--dragonRed);
|
|
--code-property: var(--dragonWhite);
|
|
--code-parentheses: var(--dragonGray2);
|
|
--code-string: var(--dragonGreen2);
|
|
--code-value: var(--dragonPink);
|
|
--code-variable: var(--dragonYellow);
|
|
}
|
|
|
|
.theme-dark.color-scheme-kanagawa-wave {
|
|
--background: #1f1f28;
|
|
--background-alt: #2a2a37;
|
|
--sumiInk5: #363646;
|
|
--sumiInk6: #54546d;
|
|
--waveBlue1: #223249;
|
|
--fujiWhite: #dcd7ba;
|
|
--fujiGray: #727169;
|
|
--waveRed: #e46876;
|
|
--carpYellow: #e6c384;
|
|
--boatYellow2: #c0a36e;
|
|
--springGreen: #98bb6c;
|
|
--surimiOrange: #ffa066;
|
|
--crystalBlue: #7e9cd8;
|
|
--oniViolet: #957fb8;
|
|
--springViolet2: #9cabca;
|
|
--sakuraPink: #d27e99;
|
|
--color-red: var(--waveRed);
|
|
--color-orange: var(--surimiOrange);
|
|
--color-yellow: var(--carpYellow);
|
|
--color-green: var(--springGreen);
|
|
--color-cyan: var(--crystalBlue);
|
|
--color-blue: var(--crystalBlue);
|
|
--color-purple: var(--oniViolet);
|
|
--color-pink: var(--sakuraPink);
|
|
--background-primary: var(--background);
|
|
--background-secondary: var(--background-alt);
|
|
--selection-background-color: var(--waveBlue1);
|
|
--border-color-primary: var(--sumiInk5);
|
|
--border-color-secondary: var(--sumiInk6);
|
|
--text-color: var(--fujiWhite);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--sumiInk5);
|
|
--text-color-muted-light: var(--sumiInk6);
|
|
--accent-color-dark: var(--crystalBlue);
|
|
--accent-color-light: var(--sakuraPink);
|
|
--accent-color-hover: var(--springViolet2);
|
|
--accent-h: 220;
|
|
--accent-s: 54%;
|
|
--accent-l: 67%;
|
|
--canvas-color: 126, 156, 216 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--surimiOrange);
|
|
--code-builtin: var(--crystalBlue);
|
|
--code-comment: var(--fujiGray);
|
|
--code-definition: var(--crystalBlue);
|
|
--code-keyword: var(--oniViolet);
|
|
--code-operator: var(--boatYellow2);
|
|
--code-property: var(--carpYellow);
|
|
--code-parentheses: var(--springViolet2);
|
|
--code-string: var(--springGreen);
|
|
--code-value: var(--sakuraPink);
|
|
--code-variable: var(--purple);
|
|
}
|
|
|
|
.theme-dark.color-scheme-nord {
|
|
--black: #2e3440;
|
|
--dark-gray: #3b4252;
|
|
--gray: #434c5e;
|
|
--light-gray: #4c566a;
|
|
--light-gray-bright: #616e88;
|
|
--darkest-white: #d8dee9;
|
|
--darker-white: #e5e9f0;
|
|
--white: #eceff4;
|
|
--teal: #8fbcbb;
|
|
--off-blue: #88c0d0;
|
|
--glacier: #81a1c1;
|
|
--color-red: #bf616a;
|
|
--color-orange: #d08770;
|
|
--color-yellow: #ebcb8b;
|
|
--color-green: #a3be8c;
|
|
--color-cyan: #88c0d0;
|
|
--color-blue: #5e81ac;
|
|
--color-purple: #b48ead;
|
|
--color-pink: pink;
|
|
--background-primary: var(--black);
|
|
--background-secondary: var(--dark-gray);
|
|
--selection-background-color: var(--light-gray);
|
|
--border-color-primary: var(--gray);
|
|
--border-color-secondary: var(--light-gray);
|
|
--text-color: var(--darkest-white);
|
|
--text-color-accent: var(--white);
|
|
--text-color-muted-dark: var(--background-secondary);
|
|
--text-color-muted-light: var(--light-gray-bright);
|
|
--accent-color-dark: var(--glacier);
|
|
--accent-color-light: var(--teal);
|
|
--accent-color-hover: var(--off-blue);
|
|
--accent-h: 210;
|
|
--accent-s: 34%;
|
|
--accent-l: 63%;
|
|
--canvas-color: 129, 161, 193 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--glacier);
|
|
--code-builtin: var(--off-blue);
|
|
--code-comment: var(--light-gray-bright);
|
|
--code-definition: var(--off-blue);
|
|
--code-keyword: var(--glacier);
|
|
--code-operator: var(--glacier);
|
|
--code-property: var(--off-blue);
|
|
--code-parentheses: var(--teal);
|
|
--code-string: var(--color-green);
|
|
--code-value: var(--color-purple);
|
|
--code-variable: var(--text-color);
|
|
}
|
|
|
|
.theme-dark.color-scheme-rose-pine {
|
|
--nc: #16141f;
|
|
--base: #191724;
|
|
--surface: #1f1d2e;
|
|
--overlay: #26233a;
|
|
--muted: #6e6a86;
|
|
--subtle: #908caa;
|
|
--text: #e0def4;
|
|
--love: #eb6f92;
|
|
--gold: #f6c177;
|
|
--rose: #ebbcba;
|
|
--pine: #31748f;
|
|
--foam: #9ccfd8;
|
|
--iris: #c4a7e7;
|
|
--highlight-low: #21202e;
|
|
--highlight-med: #403d52;
|
|
--highlight-high: #524f67;
|
|
--color-red: #eb6f92;
|
|
--color-orange: #ebbcba;
|
|
--color-yellow: #f6c177;
|
|
--color-green: #9ccfd8;
|
|
--color-cyan: #9ccfd8;
|
|
--color-blue: #31748f;
|
|
--color-purple: #c4a7e7;
|
|
--color-pink: pink;
|
|
--background-primary: var(--base);
|
|
--background-secondary: var(--surface);
|
|
--selection-background-color: var(--overlay);
|
|
--border-color-primary: var(--highlight-med);
|
|
--border-color-secondary: var(--highlight-high);
|
|
--text-color: var(--text);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--overlay);
|
|
--text-color-muted-light: var(--muted);
|
|
--accent-color-dark: var(--pine);
|
|
--accent-color-light: var(--rose);
|
|
--accent-color-hover: var(--foam);
|
|
--accent-h: 197;
|
|
--accent-s: 49%;
|
|
--accent-l: 38%;
|
|
--canvas-color: 49, 116, 143 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--rose);
|
|
--code-builtin: var(--love);
|
|
--code-comment: var(--muted);
|
|
--code-definition: var(--rose);
|
|
--code-keyword: var(--pine);
|
|
--code-operator: var(--pine);
|
|
--code-property: var(--foam);
|
|
--code-parentheses: var(--subtle);
|
|
--code-string: var(--gold);
|
|
--code-value: var(--rose);
|
|
--code-variable: var(--text);
|
|
}
|
|
|
|
.theme-dark.color-scheme-rose-pine-moon {
|
|
--nc: #1f1d30;
|
|
--base: #232136;
|
|
--surface: #2a273f;
|
|
--overlay: #393552;
|
|
--muted: #6e6a86;
|
|
--subtle: #908caa;
|
|
--text: #e0def4;
|
|
--love: #eb6f92;
|
|
--gold: #f6c177;
|
|
--rose: #ea9a97;
|
|
--pine: #3e8fb0;
|
|
--foam: #9ccfd8;
|
|
--iris: #c4a7e7;
|
|
--highlight-low: #2a283e;
|
|
--highlight-med: #44415a;
|
|
--highlight-high: #56526e;
|
|
--color-red: #eb6f92;
|
|
--color-orange: #ea9a97;
|
|
--color-yellow: #f6c177;
|
|
--color-green: #9ccfd8;
|
|
--color-cyan: #9ccfd8;
|
|
--color-blue: #3e8fb0;
|
|
--color-purple: #c4a7e7;
|
|
--color-pink: pink;
|
|
--background-primary: var(--base);
|
|
--background-secondary: var(--surface);
|
|
--selection-background-color: var(--overlay);
|
|
--border-color-primary: var(--highlight-med);
|
|
--border-color-secondary: var(--highlight-high);
|
|
--text-color: var(--text);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--overlay);
|
|
--text-color-muted-light: var(--muted);
|
|
--accent-color-dark: var(--pine);
|
|
--accent-color-light: var(--rose);
|
|
--accent-color-hover: var(--foam);
|
|
--accent-h: 197;
|
|
--accent-s: 48%;
|
|
--accent-l: 47%;
|
|
--canvas-color: 62, 143, 176 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--rose);
|
|
--code-builtin: var(--love);
|
|
--code-comment: var(--muted);
|
|
--code-definition: var(--rose);
|
|
--code-keyword: var(--pine);
|
|
--code-operator: var(--pine);
|
|
--code-property: var(--foam);
|
|
--code-parentheses: var(--subtle);
|
|
--code-string: var(--gold);
|
|
--code-value: var(--rose);
|
|
--code-variable: var(--text);
|
|
}
|
|
|
|
.theme-dark.color-scheme-tokyo-night {
|
|
--bg: #1a1b26;
|
|
--bg-dark: #16161e;
|
|
--bg-highlight: #363a4a;
|
|
--blue: #7aa2f7;
|
|
--blue0: #3d59a1;
|
|
--blue1: #2ac3de;
|
|
--blue2: #0db9d7;
|
|
--blue5: #89ddff;
|
|
--blue6: #b4f9f8;
|
|
--blue7: #394b70;
|
|
--comment: #565f89;
|
|
--cyan: #7dcfff;
|
|
--dark3: #545c7e;
|
|
--dark5: #737aa2;
|
|
--fg: #c0caf5;
|
|
--fg-dark: #a9b1d6;
|
|
--fg-gutter: #3b4261;
|
|
--green: #9ece6a;
|
|
--green1: #73daca;
|
|
--green2: #41a6b5;
|
|
--magenta: #bb9af7;
|
|
--magenta2: #ff007c;
|
|
--orange: #ff9e64;
|
|
--purple: #9d7cd8;
|
|
--red: #f7768e;
|
|
--red1: #db4b4b;
|
|
--teal: #1abc9c;
|
|
--terminal-black: #414868;
|
|
--yellow: #e0af68;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--orange);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--cyan);
|
|
--color-blue: var(--blue);
|
|
--color-purple: var(--purple);
|
|
--color-pink: pink;
|
|
--background-primary: var(--bg);
|
|
--background-secondary: var(--bg-dark);
|
|
--selection-background-color: var(--bg-highlight);
|
|
--border-color-primary: var(--fg-gutter);
|
|
--border-color-secondary: var(--fg-gutter);
|
|
--text-color: var(--fg);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--fg-gutter);
|
|
--text-color-muted-light: var(--fg-dark);
|
|
--accent-color-dark: var(--purple);
|
|
--accent-color-light: var(--blue);
|
|
--accent-color-hover: var(--magenta);
|
|
--accent-h: 261;
|
|
--accent-s: 85%;
|
|
--accent-l: 79%;
|
|
--canvas-color: 187, 154, 247 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--orange);
|
|
--code-builtin: var(--color-cyan);
|
|
--code-comment: var(--comment);
|
|
--code-definition: var(--color-blue);
|
|
--code-keyword: var(--color-purple);
|
|
--code-operator: var(--color-cyan);
|
|
--code-property: var(--blue);
|
|
--code-parentheses: var(--fg-dark);
|
|
--code-string: var(--color-green);
|
|
--code-value: var(--color-orange);
|
|
--code-variable: var(--fg);
|
|
}
|
|
|
|
.theme-dark.color-scheme-tokyo-night-moon {
|
|
--bg: #222436;
|
|
--bg-dark: #1e2030;
|
|
--bg-highlight: #2f334d;
|
|
--blue: #82aaff;
|
|
--blue0: #3e68d7;
|
|
--blue1: #65bcff;
|
|
--blue2: #0db9d7;
|
|
--blue5: #89ddff;
|
|
--blue6: #b4f9f8;
|
|
--blue7: #394b70;
|
|
--comment: #636da6;
|
|
--cyan: #86e1fc;
|
|
--dark3: #545c7e;
|
|
--dark5: #737aa2;
|
|
--fg: #c8d3f5;
|
|
--fg-dark: #828bb8;
|
|
--fg-gutter: #3b4261;
|
|
--green: #c3e88d;
|
|
--green1: #4fd6be;
|
|
--green2: #41a6b5;
|
|
--magenta: #c099ff;
|
|
--magenta2: #ff007c;
|
|
--orange: #ff966c;
|
|
--purple: #fca7ea;
|
|
--red: #ff757f;
|
|
--red1: #c53b53;
|
|
--teal: #4fd6be;
|
|
--terminal-black: #444a73;
|
|
--yellow: #ffc777;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--orange);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--cyan);
|
|
--color-blue: var(--blue);
|
|
--color-purple: var(--purple);
|
|
--color-pink: pink;
|
|
--background-primary: var(--bg);
|
|
--background-secondary: var(--bg-dark);
|
|
--selection-background-color: var(--bg-highlight);
|
|
--border-color-primary: var(--fg-gutter);
|
|
--border-color-secondary: var(--fg-gutter);
|
|
--text-color: var(--fg);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--fg-gutter);
|
|
--text-color-muted-light: var(--fg-dark);
|
|
--accent-color-dark: var(--magenta);
|
|
--accent-color-light: var(--blue);
|
|
--accent-color-hover: var(--purple);
|
|
--accent-h: 263;
|
|
--accent-s: 100%;
|
|
--accent-l: 80%;
|
|
--canvas-color: 192, 153, 255 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--orange);
|
|
--code-builtin: var(--color-cyan);
|
|
--code-comment: var(--comment);
|
|
--code-definition: var(--color-blue);
|
|
--code-keyword: var(--color-purple);
|
|
--code-operator: var(--color-cyan);
|
|
--code-property: var(--blue);
|
|
--code-parentheses: var(--fg-dark);
|
|
--code-string: var(--color-green);
|
|
--code-value: var(--color-orange);
|
|
--code-variable: var(--fg);
|
|
}
|
|
|
|
.theme-dark.color-scheme-tokyo-night-storm {
|
|
--bg: #24283b;
|
|
--bg-dark: #1f2335;
|
|
--bg-highlight: #363a4a;
|
|
--blue: #7aa2f7;
|
|
--blue0: #3d59a1;
|
|
--blue1: #2ac3de;
|
|
--blue2: #0db9d7;
|
|
--blue5: #89ddff;
|
|
--blue6: #b4f9f8;
|
|
--blue7: #394b70;
|
|
--comment: #565f89;
|
|
--cyan: #7dcfff;
|
|
--dark3: #545c7e;
|
|
--dark5: #737aa2;
|
|
--fg: #c0caf5;
|
|
--fg-dark: #a9b1d6;
|
|
--fg-gutter: #3b4261;
|
|
--green: #9ece6a;
|
|
--green1: #73daca;
|
|
--green2: #41a6b5;
|
|
--magenta: #bb9af7;
|
|
--magenta2: #ff007c;
|
|
--orange: #ff9e64;
|
|
--purple: #9d7cd8;
|
|
--red: #f7768e;
|
|
--red1: #db4b4b;
|
|
--teal: #1abc9c;
|
|
--terminal-black: #414868;
|
|
--yellow: #e0af68;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--orange);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--cyan);
|
|
--color-blue: var(--blue);
|
|
--color-purple: var(--purple);
|
|
--color-pink: pink;
|
|
--background-primary: var(--bg);
|
|
--background-secondary: var(--bg-dark);
|
|
--selection-background-color: var(--bg-highlight);
|
|
--border-color-primary: var(--fg-gutter);
|
|
--border-color-secondary: var(--fg-gutter);
|
|
--text-color: var(--fg);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--fg-gutter);
|
|
--text-color-muted-light: var(--fg-dark);
|
|
--accent-color-dark: var(--purple);
|
|
--accent-color-light: var(--blue);
|
|
--accent-color-hover: var(--magenta);
|
|
--accent-h: 261;
|
|
--accent-s: 85%;
|
|
--accent-l: 79%;
|
|
--canvas-color: 187, 154, 247 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--orange);
|
|
--code-builtin: var(--color-cyan);
|
|
--code-comment: var(--comment);
|
|
--code-definition: var(--color-blue);
|
|
--code-keyword: var(--color-purple);
|
|
--code-operator: var(--color-cyan);
|
|
--code-property: var(--blue);
|
|
--code-parentheses: var(--fg-dark);
|
|
--code-string: var(--color-green);
|
|
--code-value: var(--color-orange);
|
|
--code-variable: var(--fg);
|
|
}
|
|
|
|
.theme-light.color-scheme-catppuccin-latte {
|
|
--rosewater: #dc8a78;
|
|
--flamingo: #dd7878;
|
|
--pink: #ea76cb;
|
|
--mauve: #8839ef;
|
|
--red: #d20f39;
|
|
--maroon: #e64553;
|
|
--peach: #fe640b;
|
|
--yellow: #df8e1d;
|
|
--green: #40a02b;
|
|
--teal: #179299;
|
|
--sky: #04a5e5;
|
|
--sapphire: #209fb5;
|
|
--blue: #1e66f5;
|
|
--lavender: #7287fd;
|
|
--text: #4c4f69;
|
|
--subtext1: #5c5f77;
|
|
--subtext0: #6c6f85;
|
|
--overlay2: #7c7f93;
|
|
--overlay1: #8c8fa1;
|
|
--overlay0: #9ca0b0;
|
|
--surface2: #acb0be;
|
|
--surface1: #bcc0cc;
|
|
--surface0: #ccd0da;
|
|
--base: #eff1f5;
|
|
--mantle: #e6e9ef;
|
|
--crust: #dce0e8;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--peach);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--teal);
|
|
--color-blue: var(--blue);
|
|
--color-purple: var(--mauve);
|
|
--color-pink: var(--pink);
|
|
--background-primary: var(--base);
|
|
--background-secondary: var(--crust);
|
|
--selection-background-color: var(--crust);
|
|
--border-color-primary: var(--surface0);
|
|
--border-color-secondary: var(--surface1);
|
|
--text-color: var(--text);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--surface0);
|
|
--text-color-muted-light: var(--overlay0);
|
|
--accent-color-dark: var(--mauve);
|
|
--accent-color-light: var(--blue);
|
|
--accent-color-hover: var(--maroon);
|
|
--accent-h: 266;
|
|
--accent-s: 85%;
|
|
--accent-l: 58%;
|
|
--canvas-color: 136, 57, 239 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--peach);
|
|
--code-builtin: var(--peach);
|
|
--code-comment: var(--overlay0);
|
|
--code-definition: var(--lavender);
|
|
--code-keyword: var(--mauve);
|
|
--code-operator: var(--sky);
|
|
--code-property: var(--lavender);
|
|
--code-parentheses: var(--overlay2);
|
|
--code-string: var(--green);
|
|
--code-value: var(--peach);
|
|
--code-variable: var(--text-color);
|
|
}
|
|
|
|
.theme-light.color-scheme-gruvbox-soft, .theme-light.color-scheme-gruvbox-medium, .theme-light.color-scheme-gruvbox-hard {
|
|
--dark0-hard: #1d2021;
|
|
--dark0: #282828;
|
|
--dark0-soft: #32302f;
|
|
--dark1: #3c3836;
|
|
--dark2: #504945;
|
|
--dark3: #665c54;
|
|
--dark4: #7c6f64;
|
|
--light0-hard: #f9f5d7;
|
|
--light0: #fbf1c7;
|
|
--light0-soft: #f2e5bc;
|
|
--light1: #ebdbb2;
|
|
--light2: #d5c4a1;
|
|
--light3: #bdae93;
|
|
--light4: #a89984;
|
|
--bright-red: #fb4934;
|
|
--bright-green: #b8bb26;
|
|
--bright-yellow: #fabd2f;
|
|
--bright-blue: #83a598;
|
|
--bright-purple: #d3869b;
|
|
--bright-aqua: #8ec07c;
|
|
--bright-orange: #fe8019;
|
|
--neutral-red: #cc241d;
|
|
--neutral-green: #98971a;
|
|
--neutral-yellow: #d79921;
|
|
--neutral-blue: #458588;
|
|
--neutral-purple: #b16286;
|
|
--neutral-aqua: #689d6a;
|
|
--neutral-orange: #d65d0e;
|
|
--faded-red: #9d0006;
|
|
--faded-green: #79740e;
|
|
--faded-yellow: #b57614;
|
|
--faded-blue: #076678;
|
|
--faded-purple: #8f3f71;
|
|
--faded-aqua: #427b58;
|
|
--faded-orange: #af3a03;
|
|
--dark-red-hard: #792329;
|
|
--dark-red: #722529;
|
|
--dark-red-soft: #7b2c2f;
|
|
--light-red-hard: #fc9690;
|
|
--light-red: #fc9487;
|
|
--light-red-soft: #f78b7f;
|
|
--dark-green-hard: #5a633a;
|
|
--dark-green: #62693e;
|
|
--dark-green-soft: #686d43;
|
|
--light-green-hard: #d3d6a5;
|
|
--light-green: #d5d39b;
|
|
--light-green-soft: #cecb94;
|
|
--dark-aqua-hard: #3e4934;
|
|
--dark-aqua: #49503b;
|
|
--dark-aqua-soft: #525742;
|
|
--light-aqua-hard: #e6e9c1;
|
|
--light-aqua: #e8e5b5;
|
|
--light-aqua-soft: #e1dbac;
|
|
--gray: #928374;
|
|
--selection-background-color: var(--light3);
|
|
--color-red: var(--neutral-red);
|
|
--color-orange: var(--neutral-orange);
|
|
--color-yellow: var(--neutral-yellow);
|
|
--color-green: var(--neutral-green);
|
|
--color-cyan: var(--neutral-aqua);
|
|
--color-blue: var(--neutral-blue);
|
|
--color-purple: var(--neutral-purple);
|
|
--color-pink: pink;
|
|
--text-color: var(--dark1);
|
|
--text-color-accent: white;
|
|
--accent-color-dark: var(--neutral-green);
|
|
--accent-color-light: var(--neutral-yellow);
|
|
--accent-color-hover: var(--bright-green);
|
|
--accent-h: 60;
|
|
--accent-s: 71%;
|
|
--accent-l: 35%;
|
|
--canvas-color: 152, 151, 26 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--faded-purple);
|
|
--code-builtin: var(--faded-orange);
|
|
--code-comment: var(var(--gray));
|
|
--code-definition: var(--dark1);
|
|
--code-keyword: var(--faded-red);
|
|
--code-operator: var(--faded-orange);
|
|
--code-property: var(--faded-green);
|
|
--code-parentheses: var(--faded-orange);
|
|
--code-string: var(--faded-green);
|
|
--code-value: var(--faded-purple);
|
|
--code-variable: var(--faded-blue);
|
|
}
|
|
.theme-light.color-scheme-gruvbox-soft {
|
|
--background-primary: var(--light0-soft);
|
|
--background-secondary: var(--light1);
|
|
--border-color-primary: var(--light3);
|
|
--border-color-secondary: var(--light4);
|
|
--text-color-muted-dark: var(--light3);
|
|
--text-color-muted-light: var(--light4);
|
|
}
|
|
.theme-light.color-scheme-gruvbox-medium {
|
|
--background-primary: var(--light0);
|
|
--background-secondary: var(--light0-soft);
|
|
--border-color-primary: var(--light2);
|
|
--border-color-secondary: var(--light3);
|
|
--text-color-muted-dark: var(--light2);
|
|
--text-color-muted-light: var(--light3);
|
|
}
|
|
.theme-light.color-scheme-gruvbox-hard {
|
|
--background-primary: var(--light0-hard);
|
|
--background-secondary: var(--light0);
|
|
--border-color-primary: var(--light1);
|
|
--border-color-secondary: var(--light2);
|
|
--text-color-muted-dark: var(--light1);
|
|
--text-color-muted-light: var(--light2);
|
|
}
|
|
|
|
.theme-light.color-scheme-horizon-bright {
|
|
--blue: #26bbd9;
|
|
--cyan: #59e1e3;
|
|
--green: #29d398;
|
|
--magenta: #ee64ac;
|
|
--red: #e95678;
|
|
--yellow: #fab795;
|
|
--amethyst: #8a31b9;
|
|
--black: #333333;
|
|
--crimson: #da103f;
|
|
--elm: #1d8991;
|
|
--jaffa: #f77d26;
|
|
--tango: #f6661e;
|
|
--thunderbird: #dc3318;
|
|
--accent: #f9cbbe;
|
|
--accentAlt: #f9cec3;
|
|
--background: #fdf0ed;
|
|
--backgroundAlt: #fadad1;
|
|
--border: #1a1c23;
|
|
--darkText: #06060c;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--jaffa);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--cyan);
|
|
--color-blue: var(--blue);
|
|
--color-purple: var(--amethyst);
|
|
--color-pink: pink;
|
|
--background-primary: var(--background);
|
|
--background-secondary: var(--backgroundAlt);
|
|
--selection-background-color: var(--accent);
|
|
--border-color-primary: var(--accent);
|
|
--border-color-secondary: var(--accent);
|
|
--text-color: var(--black);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--accent);
|
|
--text-color-muted-light: var(--accentAlt);
|
|
--accent-color-dark: var(--red);
|
|
--accent-color-light: var(--elm);
|
|
--accent-color-hover: var(--yellow);
|
|
--accent-h: 346;
|
|
--accent-s: 77%;
|
|
--accent-l: 63%;
|
|
--canvas-color: 233, 86, 120 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--crimson);
|
|
--code-builtin: var(--elm);
|
|
--code-comment: #989290;
|
|
--code-definition: var(--thunderbird);
|
|
--code-keyword: var(--amethyst);
|
|
--code-operator: var(--black);
|
|
--code-property: var(--elm);
|
|
--code-parentheses: var(--black);
|
|
--code-string: var(--jaffa);
|
|
--code-value: var(--crimson);
|
|
--code-variable: var(--thunderbird);
|
|
}
|
|
|
|
.theme-light.color-scheme-kanagawa-lotus {
|
|
--lotusInk1: #545464;
|
|
--lotusInk2: #43436c;
|
|
--lotusGray: #dcd7ba;
|
|
--lotusGray2: #716e61;
|
|
--lotusGray3: #8a8980;
|
|
--lotusWhite0: #d5cea3;
|
|
--lotusWhite1: #dcd5ac;
|
|
--lotusWhite2: #e5ddb0;
|
|
--lotusWhite3: #f2ecbc;
|
|
--lotusWhite4: #e7dba0;
|
|
--lotusWhite5: #e4d794;
|
|
--lotusViolet1: #a09cac;
|
|
--lotusViolet2: #766b90;
|
|
--lotusViolet3: #c9cbd1;
|
|
--lotusViolet4: #624c83;
|
|
--lotusBlue1: #c7d7e0;
|
|
--lotusBlue2: #b5cbd2;
|
|
--lotusBlue3: #9fb5c9;
|
|
--lotusBlue4: #4d699b;
|
|
--lotusBlue5: #5d57a3;
|
|
--lotusGreen: #6f894e;
|
|
--lotusGreen2: #6e915f;
|
|
--lotusGreen3: #b7d0ae;
|
|
--lotusPink: #b35b79;
|
|
--lotusOrange: #cc6d00;
|
|
--lotusOrange2: #e98a00;
|
|
--lotusYellow: #77713f;
|
|
--lotusYellow2: #836f4a;
|
|
--lotusYellow3: #de9800;
|
|
--lotusYellow4: #f9d791;
|
|
--lotusRed: #c84053;
|
|
--lotusRed2: #d7474b;
|
|
--lotusRed3: #e82424;
|
|
--lotusRed4: #d9a594;
|
|
--lotusAqua: #597b75;
|
|
--lotusAqua2: #5e857a;
|
|
--lotusTeal1: #4e8ca2;
|
|
--lotusTeal2: #6693bf;
|
|
--lotusTeal3: #5a7785;
|
|
--lotusCyan: #d7e3d8;
|
|
--color-red: var(--lotusRed2);
|
|
--color-orange: var(--lotusOrange);
|
|
--color-yellow: var(--lotusYellow3);
|
|
--color-green: var(--lotusGreen);
|
|
--color-cyan: var(--lotusTeal2);
|
|
--color-blue: var(--lotusTeal1);
|
|
--color-purple: var(--lotusViolet4);
|
|
--color-pink: var(--lotusPink);
|
|
--background-primary: var(--lotusWhite3);
|
|
--background-secondary: var(--lotusWhite4);
|
|
--selection-background-color: var(--lotusViolet3);
|
|
--border-color-primary: var(--lotusWhite0);
|
|
--border-color-secondary: var(--lotusGray3);
|
|
--text-color: var(--lotusInk1);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--lotusGray3);
|
|
--text-color-muted-light: var(--lotusGray2);
|
|
--accent-color-dark: var(--lotusTeal1);
|
|
--accent-color-light: var(--lotusRed2);
|
|
--accent-color-hover: var(--lotusPink);
|
|
--accent-h: 196;
|
|
--accent-s: 35%;
|
|
--accent-l: 47%;
|
|
--canvas-color: 78, 140, 162 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--lotusOrange);
|
|
--code-builtin: var(--lotusTeal2);
|
|
--code-comment: var(--lotusGray3);
|
|
--code-definition: var(--lotusOrange);
|
|
--code-keyword: var(--lotusViolet4);
|
|
--code-operator: var(--lotusYellow2);
|
|
--code-property: var(--lotusInk1);
|
|
--code-parentheses: var(--lotusTeal1);
|
|
--code-string: var(--lotusGreen);
|
|
--code-value: var(--lotusPink);
|
|
--code-variable: var(--lotusOrange);
|
|
}
|
|
|
|
.theme-light.color-scheme-rose-pine-dawn {
|
|
--nc: #f8f0e7;
|
|
--base: #faf4ed;
|
|
--surface: #fffaf3;
|
|
--overlay: #f2e9e1;
|
|
--muted: #9893a5;
|
|
--subtle: #797593;
|
|
--text: #575279;
|
|
--love: #b4637a;
|
|
--gold: #ea9d34;
|
|
--rose: #d7827e;
|
|
--pine: #286983;
|
|
--foam: #56949f;
|
|
--iris: #907aa9;
|
|
--highlight-low: #f4ede8;
|
|
--highlight-med: #dfdad9;
|
|
--highlight-high: #cecacd;
|
|
--color-red: var(--love);
|
|
--color-orange: var(--rose);
|
|
--color-yellow: var(--gold);
|
|
--color-green: var(--foam);
|
|
--color-cyan: var(--foam);
|
|
--color-blue: var(--pine);
|
|
--color-purple: var(--iris);
|
|
--color-pink: pink;
|
|
--background-primary: var(--base);
|
|
--background-secondary: var(--surface);
|
|
--selection-background-color: var(--overlay);
|
|
--border-color-primary: var(--highlight-med);
|
|
--border-color-secondary: var(--highlight-high);
|
|
--text-color: var(--text);
|
|
--text-color-accent: var(--text);
|
|
--text-color-muted-dark: var(--overlay);
|
|
--text-color-muted-light: var(--muted);
|
|
--accent-color-dark: var(--pine);
|
|
--accent-color-light: var(--rose);
|
|
--accent-color-hover: var(--iris);
|
|
--accent-h: 3;
|
|
--accent-s: 53%;
|
|
--accent-l: 67%;
|
|
--canvas-color: 215, 130, 126 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--rose);
|
|
--code-builtin: var(--love);
|
|
--code-comment: var(--muted);
|
|
--code-definition: var(--rose);
|
|
--code-keyword: var(--pine);
|
|
--code-operator: var(--pine);
|
|
--code-property: var(--foam);
|
|
--code-parentheses: var(--subtle);
|
|
--code-string: var(--gold);
|
|
--code-value: var(--rose);
|
|
--code-variable: var(--text);
|
|
}
|
|
|
|
.theme-light.color-scheme-tokyo-night-day {
|
|
--bg: #d5d6db;
|
|
--bg-dark: #cbccd1;
|
|
--bg-highlight: #b5b9c9;
|
|
--blue: #77a0f7;
|
|
--blue0: #7890dd;
|
|
--blue1: #23a8c0;
|
|
--blue2: #0baeca;
|
|
--blue5: #0098bb;
|
|
--blue6: #4c8988;
|
|
--blue7: #92a6d5;
|
|
--comment: #848cb5;
|
|
--cyan: #009cd0;
|
|
--dark3: #8990b3;
|
|
--dark5: #68709a;
|
|
--fg: #4c505e;
|
|
--fg-dark: #8d98c9;
|
|
--fg-gutter: #a8aecb;
|
|
--green: #799f50;
|
|
--green1: #519c91;
|
|
--green2: #48b5c6;
|
|
--magenta: #b28af6;
|
|
--magenta2: #d20065;
|
|
--orange: #e97c00;
|
|
--purple: #7847bd;
|
|
--red: #f77e94;
|
|
--red1: #c64343;
|
|
--teal: #18b495;
|
|
--terminal-black: #a1a6c5;
|
|
--yellow: #ba9155;
|
|
--color-red: var(--red);
|
|
--color-orange: var(--orange);
|
|
--color-yellow: var(--yellow);
|
|
--color-green: var(--green);
|
|
--color-cyan: var(--cyan);
|
|
--color-blue: var(--blue);
|
|
--color-purple: var(--purple);
|
|
--color-pink: pink;
|
|
--background-primary: var(--bg);
|
|
--background-secondary: var(--bg-dark);
|
|
--selection-background-color: var(--bg-highlight);
|
|
--border-color-primary: var(--fg-gutter);
|
|
--border-color-secondary: var(--fg-gutter);
|
|
--text-color: var(--fg);
|
|
--text-color-accent: white;
|
|
--text-color-muted-dark: var(--fg-gutter);
|
|
--text-color-muted-light: var(--fg-dark);
|
|
--accent-color-dark: var(--purple);
|
|
--accent-color-light: var(--blue);
|
|
--accent-color-hover: var(--magenta);
|
|
--accent-h: 265;
|
|
--accent-s: 47%;
|
|
--accent-l: 51%;
|
|
--canvas-color: 120, 71, 189 !important;
|
|
--code-important: var(--color-yellow);
|
|
--code-boolean: var(--orange);
|
|
--code-builtin: var(--color-cyan);
|
|
--code-comment: var(--comment);
|
|
--code-definition: var(--color-blue);
|
|
--code-keyword: var(--color-purple);
|
|
--code-operator: var(--color-cyan);
|
|
--code-property: var(--blue);
|
|
--code-parentheses: var(--fg-dark);
|
|
--code-string: var(--color-green);
|
|
--code-value: var(--color-orange);
|
|
--code-variable: var(--fg);
|
|
}
|
|
|
|
.theme-light,
|
|
.theme-dark {
|
|
--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
|
|
--titlebar-background: var(--background-secondary);
|
|
--titlebar-background-focused: var(--border-color-primary);
|
|
--modal-background: var(--background-secondary);
|
|
--border-color: var(--border-color-primary);
|
|
--modal-border-color: var(--border-color-primary);
|
|
--prompt-border-color: var(--border-color-primary);
|
|
--background-modifier-form-field: var(--background-secondary);
|
|
--interactive-normal: var(--background-secondary);
|
|
--interactive-hover: var(--border-color-primary);
|
|
--interactive-accent: var(--accent);
|
|
--background-modifier-hover: var(--selection-background-color);
|
|
--background-modifier-active-hover: red;
|
|
--background-modifier-border: var(--border-color-primary);
|
|
--background-modifier-border-focus: var(--border-color-secondary);
|
|
--background-modifier-border-hover: var(--border-color-secondary);
|
|
--nav-item-color: var(--text-color);
|
|
--nav-item-color-active: var(--text-color-accent);
|
|
--nav-item-color-hover: var(--text-color-accent);
|
|
--nav-item-color-selected: red;
|
|
--nav-item-color-highlighted: var(--accent-color-light);
|
|
--nav-item-background-hover: var(--selection-background-color);
|
|
--nav-item-background-active: var(--accent-color-dark);
|
|
--nav-item-background-selected: red;
|
|
--tab-background-active: var(--background-primary);
|
|
--tab-text-color-focused: var(--text-color);
|
|
--tab-text-color-focused-active: var(--text-color);
|
|
--tab-divider-color: var(--selection-background-color);
|
|
--tab-outline-color: var(--border-color-primary);
|
|
--tab-text-color: var(--border-color-primary);
|
|
--tab-text-color-active: var(--text-color);
|
|
--tab-text-color-focused-highlighted: red;
|
|
--h1-color: var(--color-purple);
|
|
--h2-color: var(--color-blue);
|
|
--h3-color: var(--color-green);
|
|
--h4-color: var(--color-yellow);
|
|
--h5-color: var(--color-orange);
|
|
--h6-color: var(--color-red);
|
|
--inline-title-color: var(--text-color);
|
|
--text-normal: var(--text-color);
|
|
--text-muted: var(--text-color);
|
|
--checklist-done-color: var(--text-color-muted-light);
|
|
--text-faint: var(--text-color-muted-light);
|
|
--text-on-accent: var(--text-color-accent);
|
|
--text-on-accent-inverted: var(--background-primary);
|
|
--text-accent: var(--accent);
|
|
--text-accent-hover: red;
|
|
--text-highlight-bg: var(--accent);
|
|
--text-success: var(--color-green);
|
|
--text-warning: var(--color-yellow);
|
|
--text-error: var(--color-red);
|
|
--italic-color: var(--accent-color-light);
|
|
--bold-color: var(--accent-color-light);
|
|
--text-selection: var(--selection-background-color);
|
|
--list-marker-color: var(--accent-color-dark);
|
|
--blockquote-border-color: var(--accent-color-dark);
|
|
--hr-color: var(--text-color-muted-dark);
|
|
--indentation-guide-color: var(--text-color-muted-dark);
|
|
--indentation-guide-color-active: var(--text-color-muted-light);
|
|
--selection-border-color: var(--accent-color-hover);
|
|
--link-color: var(--accent-color-dark);
|
|
--link-external-color: var(--accent-color-dark);
|
|
--link-unresolved-color: var(--red);
|
|
--link-color-hover: var(--accent-color-hover);
|
|
--link-external-color-hover: var(--accent-color-hover);
|
|
--link-unresolved-color-hover: var(--red);
|
|
--nav-indentation-guide-color: var(--border-color-secondary);
|
|
--nav-collapse-icon-color: var(--border-color-secondary);
|
|
--nav-collapse-icon-color-collapsed: var(--border-color-secondary);
|
|
--checkbox-color: var(--accent-color-dark);
|
|
--checkbox-color-hover: var(--accent-color-hover);
|
|
--checkbox-border-color: var(--text-color-muted-light);
|
|
--checkbox-border-color-hover: var(--accent-color-hover);
|
|
--slider-track-background: var(--background-secondary);
|
|
--slider-thumb-border-color: var(--black);
|
|
--table-header-color: var(--text-color);
|
|
--table-border-color: var(--border-color-primary);
|
|
--table-selection: var(--selection-background-color);
|
|
--table-selection-border-color: var(--selection-border-color);
|
|
--table-drag-handle-color: var(--selection-background-color);
|
|
--table-drag-handle-color-active: var(--selection-background-color);
|
|
--tag-color: var(--accent-color-dark);
|
|
--tag-color-hover: var(--accent-color-dark);
|
|
--tag-background: var(--text-color-muted-dark);
|
|
--tag-background-hover: var(--text-color-muted-light);
|
|
--toggle-thumb-color: var(--text-color-accent);
|
|
--metadata-label-text-color: var(--text-color);
|
|
--metadata-input-text-color: var(--text-color);
|
|
--graph-text: var(--text-color);
|
|
--graph-line: var(--border-color-secondary);
|
|
--graph-node: var(--accent);
|
|
--graph-node-unresolved: var(--border-color-primary);
|
|
--graph-node-focused: var(--accent-color-hover);
|
|
--graph-node-tag: var(--accent-color-light);
|
|
--graph-node-attachment: var(--accent-color-dark);
|
|
--code-background: var(--background-secondary);
|
|
}
|
|
|
|
.theme-light.workspace-tab-header-inner-title {
|
|
--tab-text-color-focused-active-current: var(--text-color);
|
|
}
|
|
|
|
.theme-dark {
|
|
--tab-text-color-focused-active-current: var(--text-color-accent);
|
|
}
|
|
|
|
.cm-hmd-codeblock {
|
|
color: var(--code-parentheses);
|
|
}
|
|
|
|
.cm-atom {
|
|
color: var(--code-boolean);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cm-builtin {
|
|
color: var(--code-builtin);
|
|
font-style: italic;
|
|
}
|
|
|
|
.cm-comment {
|
|
color: var(--code-comment);
|
|
font-style: italic;
|
|
}
|
|
|
|
.cm-def {
|
|
color: var(--code-definition);
|
|
}
|
|
|
|
.cm-keyword {
|
|
color: var(--code-keyword);
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.cm-number {
|
|
color: var(--code-value);
|
|
}
|
|
|
|
.cm-operator {
|
|
color: var(--code-operator);
|
|
}
|
|
|
|
.cm-property {
|
|
color: var(--code-property);
|
|
}
|
|
|
|
.cm-string {
|
|
color: var(--code-string);
|
|
}
|
|
|
|
.cm-variable {
|
|
color: var(--code-variable);
|
|
}
|
|
|
|
/* @settings
|
|
|
|
name: Chameleon Theme
|
|
id: obsidian-chameleon-theme
|
|
settings:
|
|
-
|
|
id: color-schemes-light
|
|
title: Light Color Scheme
|
|
description: Light Color Scheme picker
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: color-scheme-rose-pine-dawn
|
|
options:
|
|
-
|
|
label: Catppuccin Latte
|
|
value: color-scheme-catppuccin-latte
|
|
-
|
|
label: Gruvbox Light Soft
|
|
value: color-scheme-gruvbox-soft
|
|
-
|
|
label: Gruvbox Light Medium
|
|
value: color-scheme-gruvbox-medium
|
|
-
|
|
label: Gruvbox Light Hard
|
|
value: color-scheme-gruvbox-hard
|
|
-
|
|
label: Horizon Bright
|
|
value: color-scheme-horizon-bright
|
|
-
|
|
label: Kanagawa Lotus
|
|
value: color-scheme-kanagawa-lotus
|
|
-
|
|
label: Tokyo Night Day
|
|
value: color-scheme-tokyo-night-day
|
|
-
|
|
label: Rosé Pine Dawn
|
|
value: color-scheme-rose-pine-dawn
|
|
-
|
|
id: color-schemes-dark
|
|
title: Dark Color Scheme
|
|
description: Dark Color Scheme picker
|
|
type: class-select
|
|
allowEmpty: false
|
|
default: color-scheme-nord
|
|
options:
|
|
-
|
|
label: Atom One Dark
|
|
value: color-scheme-atom-one-dark
|
|
-
|
|
label: Catppuccin Frappe
|
|
value: color-scheme-catppuccin-frappe
|
|
-
|
|
label: Catppuccin Macchiato
|
|
value: color-scheme-catppuccin-macchiato
|
|
-
|
|
label: Catppuccin Mocha
|
|
value: color-scheme-catppuccin-mocha
|
|
-
|
|
label: Dracula
|
|
value: color-scheme-dracula
|
|
-
|
|
label: Dracula Soft
|
|
value: color-scheme-dracula-soft
|
|
-
|
|
label: Gruvbox Dark Soft
|
|
value: color-scheme-gruvbox-soft
|
|
-
|
|
label: Gruvbox Dark Medium
|
|
value: color-scheme-gruvbox-medium
|
|
-
|
|
label: Gruvbox Dark Hard
|
|
value: color-scheme-gruvbox-hard
|
|
-
|
|
label: Horizon
|
|
value: color-scheme-horizon
|
|
-
|
|
label: Kanagawa Dragon
|
|
value: color-scheme-kanagawa-dragon
|
|
-
|
|
label: Kanagawa Wave
|
|
value: color-scheme-kanagawa-wave
|
|
-
|
|
label: Nord
|
|
value: color-scheme-nord
|
|
-
|
|
label: Rosé Pine
|
|
value: color-scheme-rose-pine
|
|
-
|
|
label: Rosé Pine Moon
|
|
value: color-scheme-rose-pine-moon
|
|
-
|
|
label: Tokyo Night
|
|
value: color-scheme-tokyo-night
|
|
-
|
|
label: Tokyo Night Moon
|
|
value: color-scheme-tokyo-night-moon
|
|
-
|
|
label: Tokyo Night Storm
|
|
value: color-scheme-tokyo-night-storm
|
|
*/
|