Switch to catppuccin theme for Waybar
Signed-off-by: Severin Kaderli <severin@kaderli.dev>
This commit is contained in:
parent
39aed3611b
commit
4e6fe14c17
1 changed files with 43 additions and 27 deletions
|
@ -1,3 +1,6 @@
|
||||||
|
@define-color background-color #11111b;
|
||||||
|
@define-color foreground-color #cdd6f4;
|
||||||
|
|
||||||
* {
|
* {
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
@ -7,8 +10,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#waybar {
|
#waybar {
|
||||||
background-color: #18161d;
|
background-color: transparent;
|
||||||
color: #A4A0AC;
|
color: @foreground-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tray,
|
#tray,
|
||||||
|
@ -17,15 +20,29 @@
|
||||||
#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,
|
||||||
|
@ -44,12 +61,11 @@ button:hover {
|
||||||
|
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue