diff options
Diffstat (limited to 'hm/waybar/style.css')
-rw-r--r-- | hm/waybar/style.css | 139 |
1 files changed, 139 insertions, 0 deletions
diff --git a/hm/waybar/style.css b/hm/waybar/style.css new file mode 100644 index 0000000..6565986 --- /dev/null +++ b/hm/waybar/style.css @@ -0,0 +1,139 @@ +/* +* +* Catppuccin Mocha palette +* Maintainer: rubyowo +* +*/ + +@define-color base #1e1e2e; +@define-color mantle #181825; +@define-color crust #11111b; + +@define-color text #e8ead7; +@define-color subtext0 #a6adc8; +@define-color subtext1 #bac2de; + +@define-color surface0 #e8ead7; +@define-color surface1 #e6e8da; +@define-color surface2 #e5e5e3; + +@define-color overlay0 #6c7086; +@define-color overlay1 #7f849c; +@define-color overlay2 #9399b2; + +@define-color blue #0765fc; +@define-color lavender #b4befe; +@define-color sapphire #74c7ec; +@define-color sky #89dceb; +@define-color teal #94e2d5; +@define-color green #2c8c1d; +@define-color yellow #cccc1c; +@define-color peach #fab387; +@define-color maroon #eba0ac; +@define-color red #d85252; +@define-color mauve #cba6f7; +@define-color pink #f909b9; +@define-color flamingo #ef7070; +@define-color rosewater #f5e0dc; + +* { + font-family: FantasqueSansMono Nerd Font; + font-size: 15px; + min-height: 0; +} + +window#waybar { + background-color: @surface0; +} + +#workspaces { + border-radius: 1rem; + margin-top: 1rem; + margin: 2px 3px 0px 2px; + font-size: 7px; +} + +#workspaces button { + color: @green; + border-radius: 1rem; + padding-left: 6px; + margin: 5px 0; + box-shadow: inset 0 -3px transparent; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.68); +} + +#workspaces button.active { + color: @red; + border-radius: 1rem; +} + +#workspaces button:hover { + color: @rosewater; + border-radius: 1rem; +} + +#tray, +#network, +#backlight, +#clock, +#battery, +#pulseaudio, +#custom-lock, +#custom-power { + background-color: transparent; + margin: 5px 0px 0px 0px; + padding: 2px 10px 2px 10px; + border-radius: 1rem; +} + +#clock { + color: @lavender; +} + +#battery { + color: @green; + /*margin: 15px 0px 0px 10px;*/ +} + +#battery.charging { + color: @green; +} + +#battery.warning:not(.charging) { + color: @red; +} + +#network { + color: @flamingo; +} + +#backlight { + color: @yellow; +} + +#pulseaudio { + color: @pink; +} + +#pulseaudio.muted { + color: @red; +} + +#custom-power { + border-radius: 1rem; + color: @red; + margin-bottom: 1rem; +} + +#tray { + border-radius: 1rem; +} + +tooltip { + background: @base; + border: 1px solid @pink; +} + +tooltip label { + color: @text; +} |