Re-implement better scaling with new icon spacing

shell/plugins/bar/widgets/Tray.qml

@@ -18,7 +18,10 @@ BarWidget {
   readonly property var drawerItems: bucket("drawer")
   readonly property var allItems: bucket("all")
   readonly property int drawerCount: drawerItems.length
-  readonly property int drawerExtent: drawerCount > 0 ? drawerCount * 16 + (drawerCount - 1) * 17 : 0
+  readonly property int trayItemExtent: Style.space(16)
+  readonly property int trayItemGap: Style.space(17)
+  readonly property int trayJoinGap: Style.space(6)
+  readonly property int drawerExtent: drawerCount > 0 ? drawerCount * trayItemExtent + (drawerCount - 1) * trayItemGap : 0
   // Match Waybar's group/tray-expander drawer transition-duration.
   readonly property int animationDuration: 600
   property real revealProgress: expanded ? 1 : 0
@@ -173,7 +176,7 @@ BarWidget {
             id: trayIcons
             x: root.drawerExtent - root.revealExtent
             anchors.verticalCenter: parent.verticalCenter
-            spacing: Style.space(17)
+            spacing: root.trayItemGap
             layer.enabled: true
 
             Repeater {
@@ -188,8 +191,8 @@ BarWidget {
         id: pinnedRow
         x: drawerArea.x + horizontalTrayRoot.drawerBlockWidth
         anchors.verticalCenter: parent.verticalCenter
-        spacing: Style.space(17)
-        leftPadding: root.pinnedItems.length > 0 && root.allItems.length > 0 ? Style.space(6) : 0
+        spacing: root.trayItemGap
+        leftPadding: root.pinnedItems.length > 0 && root.allItems.length > 0 ? root.trayJoinGap : 0
         Repeater {
           model: root.pinnedItems
           TrayItem {}
@@ -258,7 +261,7 @@ BarWidget {
             id: trayIcons
             y: root.drawerExtent - root.revealExtent
             anchors.horizontalCenter: parent.horizontalCenter
-            spacing: Style.space(17)
+            spacing: root.trayItemGap
             layer.enabled: true
 
             Repeater {
@@ -273,8 +276,8 @@ BarWidget {
         id: pinnedCol
         y: drawerArea.y + verticalTrayRoot.drawerBlockHeight
         anchors.horizontalCenter: parent.horizontalCenter
-        spacing: Style.space(17)
-        topPadding: root.pinnedItems.length > 0 && root.allItems.length > 0 ? Style.space(6) : 0
+        spacing: root.trayItemGap
+        topPadding: root.pinnedItems.length > 0 && root.allItems.length > 0 ? root.trayJoinGap : 0
         Repeater {
           model: root.pinnedItems
           TrayItem {}
@@ -407,14 +410,14 @@ BarWidget {
     required property var modelData
 
     visible: modelData.status !== Status.Passive
-    implicitWidth: visible ? 16 : 0
-    implicitHeight: visible ? 16 : 0
+    implicitWidth: visible ? root.trayItemExtent : 0
+    implicitHeight: visible ? root.trayItemExtent : 0
 
     IconImage {
       anchors.centerIn: parent
-      implicitSize: 12
-      width: 12
-      height: 12
+      implicitSize: Style.space(12)
+      width: Style.space(12)
+      height: Style.space(12)
       source: root.trayIconSource(trayItemRoot.modelData.icon)
     }
 

shell/plugins/bar/widgets/Workspaces.qml

@@ -60,7 +60,7 @@ BarWidget {
         opacity: occupied || focused ? 1 : 0.5
         horizontalMargin: 6
         verticalPadding: 6
-        fixedWidth: root.vertical ? root.barSize : 22
+        fixedWidth: root.vertical ? root.barSize : Style.space(22)
         fixedHeight: root.barSize
         onPressed: function() { root.focusWorkspace(modelData) }
       }

shell/plugins/dev-gallery/GalleryPanel.qml

@@ -445,11 +445,12 @@ Item {
             }
             Text {
               text: "Style.font.* is the shell-wide type scale. Themes ship a single "
-                + "[font] base-size in shell.toml (clamped 11..13); every token derives from "
-                + "it via a fixed multiplier, so changing base-size rescales the whole shell "
-                + "proportionally. Themes can also pin individual tokens (caption, heading, "
-                + "display, etc.) for stylistic emphasis. The family follows the fontconfig "
-                + "monospace alias \u2014 set it with `omarchy font set <name>`."
+                + "[font] base-size in shell.toml; every token derives from it via a "
+                + "fixed multiplier, so changing base-size rescales the whole shell "
+                + "proportionally. There is no upper clamp. Themes can also pin "
+                + "individual tokens (caption, heading, display, etc.) for stylistic "
+                + "emphasis. The family follows the fontconfig monospace alias \u2014 "
+                + "set it with `omarchy font set <name>`."
               color: Qt.darker(root.foreground, 1.5)
               font.family: root.fontFamily
               font.pixelSize: Style.font.bodySmall