85 lines
2.8 KiB
CSS
85 lines
2.8 KiB
CSS
/*
|
|
* Catppuccin Mocha Color Palette for Waybar
|
|
* Colors from https://github.com/catppuccin/catppuccin
|
|
*/
|
|
|
|
/* Raw Catppuccin Mocha Colors */
|
|
@define-color rosewater #f5e0dc;
|
|
@define-color flamingo #f2cdcd;
|
|
@define-color pink #f5c2e7;
|
|
@define-color mauve #cba6f7;
|
|
@define-color red #f38ba8;
|
|
@define-color maroon #eba0ac;
|
|
@define-color peach #fab387;
|
|
@define-color yellow #f9e2af;
|
|
@define-color green #a6e3a1;
|
|
@define-color teal #94e2d5;
|
|
@define-color sky #89dceb;
|
|
@define-color sapphire #74c7ec;
|
|
@define-color blue #89b4fa;
|
|
@define-color lavender #b4befe;
|
|
|
|
@define-color text #cdd6f4;
|
|
@define-color subtext1 #bac2de;
|
|
@define-color subtext0 #a6adc8;
|
|
@define-color overlay2 #9399b2;
|
|
@define-color overlay1 #7f849c;
|
|
@define-color overlay0 #6c7086;
|
|
@define-color surface2 #585b70;
|
|
@define-color surface1 #45475a;
|
|
@define-color surface0 #313244;
|
|
@define-color base #1e1e2e;
|
|
@define-color mantle #181825;
|
|
@define-color crust #11111b;
|
|
|
|
/* GTK/Waybar Theme Variable Mappings */
|
|
/* Widget text/foreground color */
|
|
@define-color theme_fg_color @text;
|
|
/* Text color for entries, views, and general content */
|
|
@define-color theme_text_color @text;
|
|
/* Widget base background color (Mocha crust @ 85% opacity) */
|
|
@define-color theme_bg_color rgba(17, 17, 27, 1);
|
|
/* Text widgets and the like base background color (dark grey-blue) */
|
|
@define-color theme_base_color @surface0;
|
|
/* Base background color of selections */
|
|
@define-color theme_selected_bg_color @lavender;
|
|
/* Text/foreground color of selections */
|
|
@define-color theme_selected_fg_color @base;
|
|
|
|
/* Disabled widgets styling */
|
|
@define-color insensitive_bg_color @surface1;
|
|
@define-color insensitive_fg_color @overlay1;
|
|
@define-color insensitive_base_color @mantle;
|
|
|
|
/* Backdrop/unfocused window styling */
|
|
@define-color theme_unfocused_fg_color @subtext0;
|
|
@define-color theme_unfocused_text_color @subtext0;
|
|
@define-color theme_unfocused_bg_color rgba(17, 17, 27, 0.85);
|
|
@define-color theme_unfocused_base_color @mantle;
|
|
@define-color theme_unfocused_selected_bg_color @surface2;
|
|
@define-color theme_unfocused_selected_fg_color @text;
|
|
|
|
/* Border styling */
|
|
@define-color borders @crust;
|
|
@define-color unfocused_borders @crust;
|
|
|
|
/* State & Status Colors */
|
|
@define-color warning_color @peach;
|
|
@define-color error_color @red;
|
|
@define-color success_color @green;
|
|
|
|
/* Duplicate / Fallback definitions for compatibility */
|
|
@define-color fg_color @text;
|
|
@define-color text_color @text;
|
|
@define-color bg_color rgba(17, 17, 27, 0.85);
|
|
@define-color base_color @surface0;
|
|
@define-color selected_bg_color @lavender;
|
|
@define-color selected_fg_color @base;
|
|
|
|
@define-color unfocused_fg_color @subtext0;
|
|
@define-color unfocused_text_color @subtext0;
|
|
@define-color unfocused_bg_color rgba(17, 17, 27, 0.85);
|
|
@define-color unfocused_base_color @mantle;
|
|
@define-color unfocused_selected_bg_color @surface2;
|
|
@define-color unfocused_selected_fg_color @text;
|