bar: workspaces different styles for occupied

config/BarConfig.qml

@@ -9,5 +9,6 @@ Singleton {
     readonly property QtObject workspaces: QtObject {
         property int shown: 10
         property string style: ""
+        property bool occupiedBg: false
     }
 }

modules/bar/Bar.qml

@@ -1,5 +1,6 @@
 import "root:/widgets"
 import "root:/config"
+import "workspaces"
 import Quickshell
 import Quickshell.Wayland
 import QtQuick

modules/bar/workspaces/OccupiedBg.qml

@@ -0,0 +1,52 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Layouts
+import Qt5Compat.GraphicalEffects
+
+BoxLayout {
+    id: root
+
+    required property bool vertical
+    required property list<Label> workspaces
+    required property BoxLayout layout
+
+    readonly property var occupied: Hyprland.workspaces.values.reduce((acc, curr) => {
+        acc[curr.id] = curr.lastIpcObject.windows > 0;
+        return acc;
+    }, {})
+
+    anchors.centerIn: parent
+    spacing: 0
+    z: -1
+
+    Repeater {
+        model: BarConfig.workspaces.shown
+
+        Rectangle {
+            required property int index
+            readonly property int roundLeft: index === 0 || !root.occupied[index] ? Appearance.rounding.full : 0
+            readonly property int roundRight: index === BarConfig.workspaces.shown - 1 || !root.occupied[index + 2] ? Appearance.rounding.full : 0
+
+            color: Appearance.alpha(Appearance.colours.surface2, true)
+            opacity: root.occupied[index + 1] ? 1 : 0
+            topLeftRadius: roundLeft
+            bottomLeftRadius: roundLeft
+            topRightRadius: roundRight
+            bottomRightRadius: roundRight
+
+            // Ugh stupid size errors on reload
+            Layout.preferredWidth: root.vertical ? layout.width : root.workspaces[index]?.width ?? 1
+            Layout.preferredHeight: root.vertical ? root.workspaces[index]?.height ?? 1 : layout.height
+
+            Behavior on opacity {
+                NumberAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
+            }
+        }
+    }
+}

modules/bar/workspaces/Workspaces.qml

@@ -33,7 +33,7 @@ Item {
                 readonly property bool isWorkspace: true
 
                 text: index + 1
-                color: Appearance.colours.text
+                color: BarConfig.workspaces.occupiedBg || occupied.occupied[index + 1] ? Appearance.colours.text : Appearance.colours.subtext0
                 horizontalAlignment: Label.AlignHCenter
 
                 Layout.preferredWidth: layout.homogenous && !layout.vertical ? layout.height : -1
@@ -42,47 +42,20 @@ Item {
         }
     }
 
-    BoxLayout {
+    OccupiedBg {
         id: occupied
 
-        readonly property var occupied: Hyprland.workspaces.values.reduce((acc, curr) => {
+        opacity: BarConfig.workspaces.occupiedBg ? 1 : 0
-            acc[curr.id] = curr.lastIpcObject.windows > 0;
+        vertical: root.vertical
-            return acc;
+        workspaces: root.workspaces
-        }, {})
+        layout: layout
-
-        anchors.centerIn: parent
-        spacing: 0
-        z: -1
-
-        Repeater {
-            model: BarConfig.workspaces.shown
-
-            Rectangle {
-                required property int index
-                readonly property int roundLeft: index === 0 || !occupied.occupied[index] ? Appearance.rounding.full : 0
-                readonly property int roundRight: index === BarConfig.workspaces.shown - 1 || !occupied.occupied[index + 2] ? Appearance.rounding.full : 0
-
-                color: Appearance.alpha(Appearance.colours.surface2, true)
-                opacity: occupied.occupied[index + 1] ? 1 : 0
-                topLeftRadius: roundLeft
-                bottomLeftRadius: roundLeft
-                topRightRadius: roundRight
-                bottomRightRadius: roundRight
-
-                // Ugh stupid size errors on reload
-                Layout.preferredWidth: root.vertical ? layout.width : root.workspaces[index]?.width ?? 1
-                Layout.preferredHeight: root.vertical ? root.workspaces[index]?.height ?? 1 : layout.height
 
         Behavior on opacity {
-                    NumberAnimation {
+            Anim {
-                        duration: Appearance.anim.durations.normal
-                        easing.type: Easing.BezierSpline
                 easing.bezierCurve: Appearance.anim.curves.standard
             }
         }
     }
-        }
-    }
 
     MouseArea {
         anchors.fill: parent
@@ -143,27 +116,23 @@ Item {
         }
 
         Behavior on leading {
-            NumberAnimation {
+            Anim {}
-                duration: Appearance.anim.durations.normal
-                easing.type: Easing.BezierSpline
-                easing.bezierCurve: Appearance.anim.curves.emphasized
-            }
         }
 
         Behavior on trailing {
-            NumberAnimation {
+            Anim {
                 duration: Appearance.anim.durations.normal * 2
-                easing.type: Easing.BezierSpline
-                easing.bezierCurve: Appearance.anim.curves.emphasized
             }
         }
 
         Behavior on currentSize {
-            NumberAnimation {
+            Anim {}
+        }
+    }
+
+    component Anim: NumberAnimation {
         duration: Appearance.anim.durations.normal
         easing.type: Easing.BezierSpline
         easing.bezierCurve: Appearance.anim.curves.emphasized
     }
 }
-    }
-}