Switch to taskbar on waybar

waybar/config

@@ -2,10 +2,15 @@
     "layer": "top", // Waybar at top layer
     "height": 30, // Waybar height (to be removed for auto height)
     "spacing": 4, // Gaps between modules (4px)
-    "output": "DP-1",
-    "modules-left": ["hyprland/window"],
+    "output": "eDP-1",
+    "modules-left": ["wlr/taskbar"],
     "modules-center": ["hyprland/workspaces"],
     "modules-right": ["tray", "wireplumber", "cpu#cpu2", "cpu", "memory", "custom/updates", "temperature", "battery", "clock"],
+    "wlr/taskbar": {
+        "on-click": "activate",
+        "on-click-right": "close",
+        "format": "{icon}  {title:.15}"
+    },
     "wireplumber": {
         "format": "{icon}   {volume}%",
         "format-muted": "",

waybar/style.css

@@ -70,6 +70,18 @@ button:hover {
     margin-right:2px;
 }
 
+#taskbar button {
+    padding: 0 12px;
+    border-radius: 5px;
+    color: #ffffff;
+    background-color: #1f2430;
+    margin-left:2px;
+    margin-right:2px;
+}
+#taskbar button.active {
+    background-color: #002F5F;
+}
+
 #window {
     font-weight:400;
     margin-left:0;