waybar: add custom colours for modules

This commit is contained in:
Nico 2025-05-03 16:15:58 +10:00
parent b1b2b3ad11
commit 966fc148ed

View file

@ -4,8 +4,12 @@
@define-color text #BECBCB;
@define-color lightgray #686868;
@define-color darkgray #353535;
@define-color red #F38BA8;
@define-color yellow #E0AF68;
@define-color green #9ECE6A;
@define-color blue #7AA2F7;
@define-color magenta #BB9AF7;
/* MIT License
@ -195,7 +199,7 @@ window#waybar {
}
#battery {
color: #d8dee9;
color: @green;
/* border-bottom: 2px solid #d8dee9; */
border-radius: 0 10px 10px 0;
margin-right: 10px;
@ -237,12 +241,11 @@ window#waybar {
}
#network.disabled {
color: #bf616a;
/* border-bottom: 2px solid #bf616a; */
color: @red;
}
#network {
color: @green;
color: @magenta;
/* border-bottom: 2px solid @green; */
border-radius: 10px;
margin-right: 5px;
@ -253,12 +256,12 @@ window#waybar {
/* border-bottom: 2px solid #bf616a; */
}
#pulseaudio {
color: @flamingo;
#wireplumber {
color: @blue;
/* border-bottom: 2px solid @flamingo; */
}
#pulseaudio.muted {
#wireplumber.muted {
color: #3b4252;
/* border-bottom: 2px solid #3b4252; */
}
@ -280,7 +283,7 @@ window#waybar {
}
#tray {
/* background-color: @background; */
background-color: @darkgray;
margin: 8px 10px;
border-radius: 10px;
}