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); } }