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-radius: 0;
|
||||
|
@ -7,8 +10,8 @@
|
|||
}
|
||||
|
||||
#waybar {
|
||||
background-color: #18161d;
|
||||
color: #A4A0AC;
|
||||
background-color: transparent;
|
||||
color: @foreground-color;
|
||||
}
|
||||
|
||||
#tray,
|
||||
|
@ -17,15 +20,29 @@
|
|||
#clock,
|
||||
#battery,
|
||||
#custom-update,
|
||||
#custom-power {
|
||||
padding: 0 10px;
|
||||
#custom-power,
|
||||
#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 {
|
||||
background-image: none;
|
||||
background-color: #18161d;
|
||||
color: #A4A0AC;
|
||||
padding: 0 20px;
|
||||
background-color: @background-color;
|
||||
color: #cdd6f4;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
button,
|
||||
|
@ -44,12 +61,11 @@ button:hover {
|
|||
|
||||
button:active,
|
||||
button:hover {
|
||||
background-color: #A4A0AC;
|
||||
color: #18161d;
|
||||
|
||||
background-color: @foreground-color;
|
||||
color: @background-color;
|
||||
}
|
||||
|
||||
button.focused.current_output {
|
||||
background-color: #A4A0AC;
|
||||
color: #18161d;
|
||||
background-color: @foreground-color;
|
||||
color: @background-color;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue