82 lines
1.6 KiB
CSS
82 lines
1.6 KiB
CSS
|
body {
|
||
|
|
/* Catppuccin Mocha color palette */
|
||
|
|
--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;
|
||
|
|
|
||
|
|
/* Predefined colors */
|
||
|
|
--bg_color: #1a1b26;
|
||
|
|
--fg_color: #c0caf5;
|
||
|
|
--fg_faded: #a9b1d6;
|
||
|
|
--fg_dark: var(--accent);
|
||
|
|
--fg_nav: var(--accent);
|
||
|
|
|
||
|
|
--bg_panel: #171722;
|
||
|
|
--bg_elements: #16161e;
|
||
|
|
--bg_overlays: #171722;
|
||
|
|
--bg_hover: #16161e;
|
||
|
|
|
||
|
|
--grey: var(--subtext1);
|
||
|
|
--dark_grey: var(--overlay0);
|
||
|
|
--darker_grey: var(--base);
|
||
|
|
--darkest_grey: #171722;
|
||
|
|
--border_grey: var(--base);
|
||
|
|
|
||
|
|
--accent: #7aa2f7;
|
||
|
|
--accent_light: #7aa2f7;
|
||
|
|
--accent_dark: #7aa2f7;
|
||
|
|
--accent_border: #7aa2f7;
|
||
|
|
|
||
|
|
--play_button: var(--accent);
|
||
|
|
--play_button_hover: var(--accent);
|
||
|
|
|
||
|
|
--more_replies_dots: #cba6f7;
|
||
|
|
--error_red: var(--red);
|
||
|
|
|
||
|
|
--verified_blue: var(--blue);
|
||
|
|
--icon_text: var(--text);
|
||
|
|
|
||
|
|
--tab: var(--text);
|
||
|
|
--tab_selected: var(--accent);
|
||
|
|
|
||
|
|
--profile_stat: var(--text);
|
||
|
|
|
||
|
|
/* Catppuccin tweaks */
|
||
|
|
/* background-color: var(--bg_color);
|
||
|
|
color: var(--fg_color);
|
||
|
|
line-height: 1.3;
|
||
|
|
margin: 0; */
|
||
|
|
|
||
|
|
/* Fix Poll Leader color */
|
||
|
|
/* Text is illegible when using light accents otherwise */
|
||
|
|
.poll-meter.leader {
|
||
|
|
color: var(--bg_color);
|
||
|
|
}
|
||
|
|
|
||
|
|
::selection {
|
||
|
|
background-color: #515c7e40;
|
||
|
|
color: #a9b1d6;
|
||
|
|
}
|
||
|
|
}
|