fix: no colors set for cpu, mem or temp on waybar

home-manager/dotfiles/waybar/config.jsonc

@@ -18,7 +18,6 @@
         "cpu",
         "memory",
         "temperature",
-        "keyboard-state",
         "battery",
         "clock",
         "tray"
@@ -43,7 +42,7 @@
     "keyboard-state": {
         "numlock": true,
         "capslock": true,
-        "format": "{name} {icon}",
+        "format": "{name} {icon} ",
         "format-icons": {
             "locked": "",
             "unlocked": ""

home-manager/dotfiles/waybar/style.css

@@ -13,7 +13,7 @@ window#waybar {
   color: @overlay0;
   transition-property: background-color;
   transition-duration: 0.1s;
-    border-bottom: 1px solid @overlay1;
+border-bottom: 1px solid @overlay1;
 }
 
 #window {
@@ -75,6 +75,21 @@ button:hover {
   padding-right: 4px;
 }
 
+#cpu {
+  color: @mauve;
+  border-bottom: 2px solid @mauve;
+}
+
+#memory {
+  color: @teal;
+  border-bottom: 2px solid @teal;
+}
+
+#temperature {
+  color: @red;
+  border-bottom: 2px solid @red;
+}
+
 #clock {
   color: @maroon;
   border-bottom: 2px solid @maroon;