.s/.config/waybar/style.css
elizabeth.hunt@simponic.xyz c2037fad9f add dark mode (#1)
Reviewed-on: #1
Co-authored-by: elizabeth.hunt@simponic.xyz <elizabeth.hunt@simponic.xyz>
Co-committed-by: elizabeth.hunt@simponic.xyz <elizabeth.hunt@simponic.xyz>
2024-01-15 21:05:35 -05:00

100 lines
1.9 KiB
CSS

@define-color base #fbf1c7;
@define-color mantle #f2e5bc;
@define-color crust #83a598;
@define-color text #3c3836;
@define-color subtext0 #a6adc8;
@define-color subtext1 #bac2de;
@define-color surface0 #313244;
@define-color surface1 #45475a;
@define-color surface2 #585b70;
@define-color overlay0 #6c7086;
@define-color overlay1 #7f849c;
@define-color overlay2 #9399b2;
@define-color blue #458588;
@define-color lavender #b16286;
@define-color sapphire #74c7ec;
@define-color sky #83a598;
@define-color teal #689d6a;
@define-color green #98971a;
@define-color yellow #d79921;
@define-color peach #fab387;
@define-color maroon #eba0ac;
@define-color red #cc241d;
@define-color mauve #cba6f7;
@define-color pink #d3869b;
@define-color flamingo #f2cdcd;
@define-color rosewater #f5e0dc;
* {
font-family: JetBrainsMono;
font-size: 12px;
color: @text; /* Foreground "black" */
}
window > box {
margin: 4px 4px 4px 0px;
}
window#waybar {
background: shade(alpha(@base, 0.6), .95);
border-radius: 3px;
}
/* Modules */
#workspaces, #clock, #battery, #cpu, #memory, #disk, #temperature, #backlight, #network, #pulseaudio, #custom-media, #custom-launcher, #custom-power, #tray, #mode, #idle_inhibitor , #mpd, #mpris, #custom-aggietimed {
background: @base;
border-radius: 12px;
border: 2px solid @text;
margin-right: 5px;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
}
#workspaces {
background: @base;
padding: 2px;
border-radius: 10px;
}
#workspaces .focused {
background: @pink;
}
#battery {
background-color: @teal;
}
#battery.charging, #battery.plugged {
background-color: @green;
}
#network {
background-color: @sky;
}
#network.disconnected {
background-color: @red;
}
#temperature {
background-color: @sky;
}
#temperature.critical {
background-color: @red;
}
#pulseaudio.muted {
background-color: @red;
}
tooltip {
background: @mantle;
}