adding better workspaces to eww

.config/waybar/config

@@ -5,7 +5,7 @@
     "height": 35, // Waybar height (to be removed for auto height)
     "width": 1400, // Waybar width
     // Choose the order of the modules "custom/wintitle", 
-    "modules-left": ["wlr/workspaces", "workspaces", "hyprland/window"],
+    "modules-left": ["wlr/workspaces", "hyprland/window"],
     "modules-center": ["clock"],
     "modules-right": ["pulseaudio", "backlight", "temperature", "memory", "cpu", "battery", "tray"],
     "margin-top": -5,
@@ -13,30 +13,9 @@
     "margin-left": 6,
     "margin-right": 6,
     // Modules configuration
-    "sway/workspaces": {
-        "disable-scroll": true,
-        "all-outputs": true,
-        "format": "{icon}",
-        "format-icons": {
-            "1": " ",
-            "2": " ",
-            "3": " ",
-            "4": " ",
-            "5": " ",
-            "urgent": " ",
-            "focused": " ",
-            "default": " "
-        }
-    },
-    "river/tags": {
-        "num-tags": 8
-    },
     "hyprland/window": {
         "format": "  <span style='italic'>{}</span>"
     },
-    "workspaces": {
-        "format": " {name} "
-    },
     "wlr/workspaces": {
      "format": "{icon}",
      "on-scroll-up": "hyprctl dispatch workspace e+1",

.config/waybar/style.css

@@ -82,7 +82,7 @@ window#waybar > box {
     color:      rgba(217, 216, 216, 1);
 }
 
-#workspaces button.focused {
+#workspaces button.active {
     color: @base0C;
 }