82 lines
1.9 KiB
CSS
82 lines
1.9 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;
|
|
--mantle: #181825;
|
|
--crust: #11111b;
|
|
|
|
/* Predefined colors */
|
|
/* --bg_color: var(--mantle); */
|
|
--bg_color: var(--base);
|
|
--fg_color: var(--text);
|
|
--fg_faded: var(--subtext1);
|
|
--fg_dark: var(--accent);
|
|
--fg_nav: var(--accent);
|
|
|
|
/* --bg_panel: var(--crust);
|
|
--bg_elements: var(--base);
|
|
--bg_overlays: var(--base); */
|
|
--bg_panel: var(--mantle);
|
|
--bg_elements: var(--crust);
|
|
--bg_overlays: var(--mantle);
|
|
--bg_hover: var(--crust);
|
|
|
|
--grey: var(--subtext1);
|
|
--dark_grey: var(--overlay0);
|
|
--darker_grey: var(--base);
|
|
--darkest_grey: var(--mantle);
|
|
--border_grey: var(--base);
|
|
|
|
--accent: var(--rosewater);
|
|
--accent_light: hsl(10, 56%, 96%); /* increase lightness by 5% */
|
|
--accent_dark: hsl(10, 56%, 86%); /* decrease lightness by 5% */
|
|
--accent_border: hsl(10, 56%, 86%);
|
|
|
|
--play_button: var(--accent);
|
|
--play_button_hover: var(--accent);
|
|
|
|
--more_replies_dots: hsl(10, 56%, 86%);
|
|
--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);
|
|
}
|
|
}
|