Files
dotfiles/waybar/theme.css

67 lines
2.1 KiB
CSS

/* Custom Theme - Warm Muted with Orange Accents */
@define-color bg0_h #1c1c1f;
@define-color bg0 #1c1c1f;
@define-color bg1 #252529;
@define-color bg2 #2d2d33;
@define-color bg3 #35353d;
@define-color bg4 #3d3d47;
@define-color gray #6d6860;
@define-color fg4 #7d7972;
@define-color fg3 #8a8580;
@define-color fg2 #ff9100;
@define-color fg1 #b39a76;
@define-color fg0 #c9b08a;
@define-color red #ff0000;
@define-color bright_red #ff0000;
@define-color green #ff9100;
@define-color bright_green #b39a76;
@define-color yellow #ff9100;
@define-color bright_yellow #ff9100;
@define-color blue #ff9100;
@define-color bright_blue #b39a76;
@define-color purple #ff9100;
@define-color bright_purple #b39a76;
@define-color aqua #ff9100;
@define-color bright_aqua #b39a76;
@define-color orange #ff9100;
@define-color bright_orange #ff9100;
@define-color white #ffffff;
@define-color black #000000;
/*
bg - background
fg - foreground
br - border
*/
/* Main Colors */
@define-color shadow shade(@bg0_h, 0.5);
@define-color main-fg @fg2;
@define-color main-bg @bg0_h;
@define-color main-br @fg2;
@define-color active-bg @orange;
@define-color active-fg @black;
@define-color hover-bg @bg2;
@define-color hover-fg @fg1;
/* Module Colors */
@define-color module-fg @fg2;
@define-color workspaces @bg1;
@define-color temperature @bg1;
@define-color memory @bg2;
@define-color cpu @bg3;
@define-color distro-fg @black;
@define-color distro-bg @orange;
@define-color time @bg3;
@define-color date @bg2;
@define-color tray @bg1;
@define-color pulseaudio @bg1;
@define-color backlight @bg2;
@define-color battery @bg3;
@define-color power @orange;
/* State Colors */
@define-color warning @orange;
@define-color critical @red;
@define-color charging @fg2;