tweak styling on waybar

2 files changed, 11 insertions, 3 deletions

diff --git a/modules/user/desktop/apps/waybar/default.nix b/modules/user/desktop/apps/waybar/default.nix
index 127954a..844c0f7 100644
--- a/modules/user/desktop/apps/waybar/default.nix
+++ b/modules/user/desktop/apps/waybar/default.nix
@@ -17,6 +17,7 @@
       backlight = {
         format = "{icon}";
         format-icons = [ "" "󰖨" ];
+        tooltip-format = "{percent}%";
       };
 
       battery = {
diff --git a/modules/user/desktop/apps/waybar/style.css b/modules/user/desktop/apps/waybar/style.css
index 6f503ec..86e5737 100644
--- a/modules/user/desktop/apps/waybar/style.css
+++ b/modules/user/desktop/apps/waybar/style.css
@@ -31,7 +31,7 @@ tooltip label {
     color: #6c7086;
     min-width: 0px;
     padding: 0;
-    padding-right: 4px;
+    padding-right: 1em;
 }
 
 #workspaces button.visible {
@@ -52,10 +52,17 @@ tooltip label {
 }
 
 #backlight, #battery, #language, #tray, #wireplumber {
-    min-width: 2em;
-    padding-left: 4px;
+    padding-left: 1em;
+}
+
+#backlight, #battery, #language, #wireplumber {
+    min-width: 1.5em; /* font weirdness */
 }
 
 #battery.critical {
     color: #f38ba8;
 }
+
+#battery.charging {
+    color: #a6e3a1;
+}