Waybar: Adjust battery icon colors.
This commit is contained in:
parent
97f7663a8e
commit
b37dc8db40
|
@ -10,7 +10,6 @@
|
||||||
|
|
||||||
window#waybar {
|
window#waybar {
|
||||||
background-color: rgba(10, 10, 10, 0.8);
|
background-color: rgba(10, 10, 10, 0.8);
|
||||||
color: #66e6e6;
|
|
||||||
transition-property: background-color;
|
transition-property: background-color;
|
||||||
transition-duration: .5s;
|
transition-duration: .5s;
|
||||||
}
|
}
|
||||||
|
@ -88,13 +87,13 @@ window#waybar.hidden {
|
||||||
}
|
}
|
||||||
|
|
||||||
#battery {
|
#battery {
|
||||||
color: #66e6e6;
|
box-shadow: inset 0 -2px #ffffff;
|
||||||
box-shadow: inset 0 -2px #66e6e6;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#battery.charging, #battery.plugged {
|
#battery.charging, #battery.plugged {
|
||||||
color: #29ab00;
|
color: #29ab00;
|
||||||
box-shadow: inset 0 -2px #29ab00;
|
box-shadow: inset 0 -2px #29ab00;
|
||||||
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes blink {
|
@keyframes blink {
|
||||||
|
@ -104,9 +103,12 @@ window#waybar.hidden {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#battery.warning:not(.charging) {
|
||||||
|
background-color: #b27400;
|
||||||
|
}
|
||||||
|
|
||||||
#battery.critical:not(.charging) {
|
#battery.critical:not(.charging) {
|
||||||
background-color: #f53c3c;
|
background-color: #ce0000;
|
||||||
color: #ffffff;
|
|
||||||
animation-name: blink;
|
animation-name: blink;
|
||||||
animation-duration: 0.5s;
|
animation-duration: 0.5s;
|
||||||
animation-timing-function: linear;
|
animation-timing-function: linear;
|
||||||
|
@ -174,8 +176,7 @@ label:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
#tray {
|
#tray {
|
||||||
color: #66e6e6;
|
box-shadow: inset 0 -2px #ffffff;
|
||||||
box-shadow: inset 0 -2px #66e6e6;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tray > .passive {
|
#tray > .passive {
|
||||||
|
|
Loading…
Reference in a new issue