From b37dc8db40e11164e52b0517e1f1f876cf6f2b84 Mon Sep 17 00:00:00 2001 From: the_4n0nym0u53 Date: Sun, 28 Nov 2021 21:45:10 +0100 Subject: [PATCH] Waybar: Adjust battery icon colors. --- waybar/.config/waybar/style.css | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/waybar/.config/waybar/style.css b/waybar/.config/waybar/style.css index 49e269b..e847581 100644 --- a/waybar/.config/waybar/style.css +++ b/waybar/.config/waybar/style.css @@ -10,7 +10,6 @@ window#waybar { background-color: rgba(10, 10, 10, 0.8); - color: #66e6e6; transition-property: background-color; transition-duration: .5s; } @@ -88,13 +87,13 @@ window#waybar.hidden { } #battery { - color: #66e6e6; - box-shadow: inset 0 -2px #66e6e6; + box-shadow: inset 0 -2px #ffffff; } #battery.charging, #battery.plugged { color: #29ab00; box-shadow: inset 0 -2px #29ab00; + background-color: transparent; } @keyframes blink { @@ -104,9 +103,12 @@ window#waybar.hidden { } } +#battery.warning:not(.charging) { + background-color: #b27400; +} + #battery.critical:not(.charging) { - background-color: #f53c3c; - color: #ffffff; + background-color: #ce0000; animation-name: blink; animation-duration: 0.5s; animation-timing-function: linear; @@ -174,8 +176,7 @@ label:focus { } #tray { - color: #66e6e6; - box-shadow: inset 0 -2px #66e6e6; + box-shadow: inset 0 -2px #ffffff; } #tray > .passive {