dotfiles/.config/waybar/theme.css
2025-05-17 07:24:24 +02:00

76 lines
2.1 KiB
CSS

/* Gruvbox Dark */
@define-color bg0_h #1d2021;
@define-color bg0 #282828;
@define-color bg1 #3c3836;
@define-color bg2 #504945;
@define-color bg3 #665c54;
@define-color bg4 #7c6f64;
@define-color gray #928374;
@define-color fg4 #a89984;
@define-color fg3 #bdae93;
@define-color fg2 #d5c4a1;
@define-color fg1 #ebdbb2;
@define-color fg0 #fbf1c7;
@define-color red #cc241d;
@define-color bright_red #fb4934;
@define-color green #98971a;
@define-color bright_green #b8bb26;
@define-color yellow #d79921;
@define-color bright_yellow #fabd2f;
@define-color blue #458588;
@define-color bright_blue #83a598;
@define-color purple #b16286;
@define-color bright_purple #d3869b;
@define-color aqua #689d6a;
@define-color bright_aqua #8ec07c;
@define-color orange #d65d0e;
@define-color bright_orange #fe8019;
@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 @fg0;
@define-color main-bg @bg0_h;
@define-color main-br @fg0;
@define-color active-bg @yellow;
@define-color active-fg @bg0_h;
@define-color hover-bg @bg2;
@define-color hover-fg alpha(@fg0, 0.75);
/* Module Colors */
@define-color module-fg @fg0;
@define-color workspaces @bg0;
@define-color temperature @bg0;
@define-color memory @bg1;
@define-color cpu @bg2;
@define-color distro-fg @blue;
@define-color distro-bg @yellow;
@define-color time @bg2;
@define-color date @bg1;
@define-color tray @bg0;
@define-color pulseaudio @bg0;
@define-color backlight @bg1;
@define-color battery @bg2;
@define-color power @yellow;
/* State Colors */
@define-color warning @bright_orange;
@define-color critical @bright_red;
@define-color charging @fg0;