severinkaderli/dotfiles
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Switch to catppuccin theme for Waybar

Browse source 
Signed-off-by: Severin Kaderli <severin@kaderli.dev>
This commit is contained in:
Severin Kaderli 2023-01-13 18:43:35 +01:00
parent 39aed3611b
commit 4e6fe14c17
Signed by: severinkaderli
GPG key ID: F419F8835B72F0C4
1 changed files with 43 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

70
system/.config/waybar/style.css
View file

@ -1,14 +1,17 @@
@define-color background-color #11111b;
@define-color foreground-color #cdd6f4;
* { * {
border: none; border: none;
border-radius: 0; border-radius: 0;
font-family: "Iosevka Nerd Font", sans-serif; font-family: "Iosevka Nerd Font", sans-serif;
font-size: 14px; font-size: 14px;
min-height: 0; min-height: 0;
} }
#waybar { #waybar {
background-color: #18161d; background-color: transparent;
color: #A4A0AC; color: @foreground-color;
} }
#tray, #tray,
@ -17,39 +20,52 @@
#clock, #clock,
#battery, #battery,
#custom-update, #custom-update,
#custom-power { #custom-power,
padding: 0 10px; #custom-tauon,
#window {
padding: 0 12px;
background: @background-color;
border-radius: 6px;
}
#workspaces button:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
#workspaces button:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
} }
button { button {
background-image: none; background-image: none;
background-color: #18161d; background-color: @background-color;
color: #A4A0AC; color: #cdd6f4;
padding: 0 20px; padding: 0 12px;
} }
button, button,
button:active, button:active,
button:hover { button:hover {
box-shadow: none; box-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
background-image: none; background-image: none;
font-weight: normal; font-weight: normal;
box-shadow: none; box-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-effect: none; -gtk-icon-effect: none;
transition: background-color 0.1s; transition: background-color 0.1s;
} }
button:active, button:active,
button:hover { button:hover {
background-color: #A4A0AC; background-color: @foreground-color;
color: #18161d; color: @background-color;
} }
button.focused.current_output { button.focused.current_output {
background-color: #A4A0AC; background-color: @foreground-color;
color: #18161d; color: @background-color;
} }