configurable groupSpacing for gap between groups and gradient border

modules/Bar.qml

@@ -96,16 +96,16 @@ PanelWindow {
 
     Item {
         anchors.fill: parent
-        anchors.topMargin: 3
-        anchors.leftMargin: 6
-        anchors.rightMargin: 6
+        anchors.topMargin: M.Theme.groupSpacing
+        anchors.leftMargin: M.Theme.groupSpacing
+        anchors.rightMargin: M.Theme.groupSpacing
 
         // ---- center (declared first so left/right can anchor to it) ----
         RowLayout {
             id: centerSection
             anchors.horizontalCenter: parent.horizontalCenter
             anchors.verticalCenter: parent.verticalCenter
-            spacing: M.Theme.barSpacing
+            spacing: M.Theme.groupSpacing
 
             M.Privacy {}
             M.BarGroup {
@@ -124,7 +124,7 @@ PanelWindow {
             anchors.left: parent.left
             anchors.right: centerSection.left
             anchors.verticalCenter: parent.verticalCenter
-            spacing: M.Theme.barSpacing
+            spacing: M.Theme.groupSpacing
 
             M.BarGroup {
                 leftEdge: true
@@ -156,7 +156,7 @@ PanelWindow {
             anchors.left: centerSection.right
             anchors.right: parent.right
             anchors.verticalCenter: parent.verticalCenter
-            spacing: M.Theme.barSpacing
+            spacing: M.Theme.groupSpacing
 
             Item {
                 Layout.fillWidth: true

modules/Theme.qml

@@ -33,6 +33,7 @@ QtObject {
     property int barPadding: 8
     property int barSpacing: 12
     property int moduleSpacing: 4
+    property int groupSpacing: 6
     property int radius: 4
     property int screenRadius: 15
 
@@ -71,6 +72,8 @@ QtObject {
             root.barSpacing = data.barSpacing;
         if (data.moduleSpacing !== undefined)
             root.moduleSpacing = data.moduleSpacing;
+        if (data.groupSpacing !== undefined)
+            root.groupSpacing = data.groupSpacing;
         if (data.radius !== undefined)
             root.radius = data.radius;
         if (data.screenRadius !== undefined)

modules/Workspaces.qml

@@ -100,7 +100,7 @@ Row {
             Text {
                 anchors.centerIn: parent
                 text: pill.modelData.idx
-                color: pill.active ? M.Theme.base00 : M.Theme.base04
+                color: pill.active ? M.Theme.base00 : (root.parent?.accentColor ?? M.Theme.base05)
                 font.pixelSize: M.Theme.fontSize - 2
                 font.family: M.Theme.fontFamily
                 font.bold: pill.active