Update waybar style and config

root/home/bhasher/.config/waybar/config

@@ -10,14 +10,19 @@
     "hyprland/workspaces": {
         "disable-scroll": true,
         "all-outputs": false,
+        "on-click": "activate",
         "format": "{icon}",
         "format-icons": {
-            "1:web": "",
+            "1": "",
-            "2:code": "",
+            "2": "",
-            "3:term": "",
+            "3": "",
-            "4:work": "",
+            "4": "4",
-            "5:music": "",
+            "5": "5",
-            "6:docs": "",
+            "6": "6",
+            "7": "7",
+            "8": "8",
+            "9": "9",
+            "0": "0",
             "urgent": "",
             "focused": "",
             "default": ""
@@ -40,8 +45,8 @@
         // "bat": "BAT0",
         "states": {
             // "good": 95,
-            "warning": 30,
+            "warning": 20,
-            "critical": 15
+            "critical": 10
         },
         "format": "{capacity}% {icon}",
         "format-alt": "{time} {icon}",

root/home/bhasher/.config/waybar/style.css

@@ -28,9 +28,10 @@ window#waybar {
     border-top: 2px solid transparent;
 }
 
-#workspaces button.focused {
+#workspaces button.active {
-    color: #c9545d;
+    color: #f88;
-    border-top: 2px solid #c9545d;
+    border: 1px solid #f88;
+    border-radius: 5px;
 }
 
 #mode {