Workspace overview

Widgets/Workspaces.qml

@@ -5,7 +5,14 @@ import Quickshell.Hyprland
 import Quickshell
 
 Item {
-    width: children[0].width
+    width: children[1].width + 16
+    Rectangle {
+        anchors.fill: parent
+        anchors.margins: 4
+        radius: 12
+        color: hover.hovered ? "#11ffffff": "#00ffffff"
+        Behavior on color {ColorAnimation {duration: 150}}
+    }
     Row {
         id: workspaceRow
         height: parent.height
@@ -51,7 +58,7 @@ Item {
         }
     }
     Rectangle {
-        x: (Hyprland.focusedWorkspace.id-1) * (workspaceRow.children[0].width + workspaceRow.spacing) + 2
+        x: (Hyprland.focusedWorkspace.id-1) * (workspaceRow.children[0].width + workspaceRow.spacing) + 10
         y: 2
         Behavior on x {NumberAnimation {
             duration: 300
@@ -61,6 +68,8 @@ Item {
         height: 4
         radius: height/2
     }
+    HoverHandler {id: hover}
+    TapHandler { onTapped: background.index = 7 }
     Connections {
         target: Hyprland
         function onActiveToplevelChanged() {Hyprland.refreshToplevels()}