daniel fusser
85 lines
2.8 KiB
CSS
85 lines
2.8 KiB
CSS
/*
|
|
* Catppuccin Frappé Color Palette for Waybar
|
|
* Colors from https://github.com/catppuccin/catppuccin
|
|
*/
|
|
|
|
/* Raw Catppuccin Frappé Colors */
|
|
@define-color rosewater #f2d5cf;
|
|
@define-color flamingo #eebebe;
|
|
@define-color pink #f4b8e4;
|
|
@define-color mauve #ca9ee6;
|
|
@define-color red #e78284;
|
|
@define-color maroon #ea999c;
|
|
@define-color peach #ef9f76;
|
|
@define-color yellow #e5c890;
|
|
@define-color green #a6d189;
|
|
@define-color teal #81c8be;
|
|
@define-color sky #99d1db;
|
|
@define-color sapphire #85c1dc;
|
|
@define-color blue #8caaee;
|
|
@define-color lavender #babbf1;
|
|
|
|
@define-color text #c6d0f5;
|
|
@define-color subtext1 #b5bfe2;
|
|
@define-color subtext0 #a5adce;
|
|
@define-color overlay2 #949cbb;
|
|
@define-color overlay1 #838ba7;
|
|
@define-color overlay0 #737994;
|
|
@define-color surface2 #626880;
|
|
@define-color surface1 #51576d;
|
|
@define-color surface0 #414559;
|
|
@define-color base #303446;
|
|
@define-color mantle #292c3c;
|
|
@define-color crust #232634;
|
|
|
|
/* 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 (#090e13 @ 70% opacity) */
|
|
@define-color theme_bg_color rgba(9, 14, 19, 0.7);
|
|
/* 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(9, 14, 19, 0.7);
|
|
@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(9, 14, 19, 0.7);
|
|
@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(9, 14, 19, 0.7);
|
|
@define-color unfocused_base_color @mantle;
|
|
@define-color unfocused_selected_bg_color @surface2;
|
|
@define-color unfocused_selected_fg_color @text;
|