refactor(theme): centralize theme

modules/bar/CavaVisualizer.qml

@@ -11,18 +11,18 @@ Rectangle {
     property real maxValue: 100
     readonly property bool shouldVisualize: barCount > 0 && Cava.values.some(v => v >= 0.001)
 
-    implicitWidth: 96
-    implicitHeight: 32
-    radius: Appearance.radius
-    color: Appearance.colors.inActive
+    implicitWidth: Theme.cava.width
+    implicitHeight: Theme.cava.height
+    radius: Theme.radius
+    color: Theme.colors.inActive
     visible: shouldVisualize
 
     Row {
         id: barRow
 
         anchors.fill: parent
-        anchors.margins: 8
-        spacing: 3
+        anchors.margins: Theme.cava.innerMargin
+        spacing: Theme.cava.barSpacing
 
         Repeater {
             model: root.barCount
@@ -34,15 +34,15 @@ Rectangle {
                 readonly property real value: Cava.values[index] ?? 0
 
                 width: (barRow.width - barRow.spacing * (root.barCount - 1)) / root.barCount
-                height: Math.max(2, (bar.value / root.maxValue) * barRow.height)
+                height: Math.max(Theme.cava.barMinHeight, (bar.value / root.maxValue) * barRow.height)
                 anchors.bottom: parent.bottom
                 radius: bar.width / 2
-                color: Appearance.colors.accent
+                color: Theme.colors.accent
                 antialiasing: true
 
                 Behavior on height {
                     NumberAnimation {
-                        duration: Appearance.duration
+                        duration: Theme.duration
                     }
                 }
             }

modules/bar/SystemTrayWidget.qml

@@ -8,14 +8,12 @@ import qs.ui
 BarButton {
     id: root
 
-    property int iconSize: 16
-
     hoverHighlight: false
     pointerCursor: false
     visible: SystemTray.items.values.length > 0
 
     contentItem: Row {
-        spacing: Appearance.spacing
+        spacing: Theme.spacing
 
         Repeater {
             model: SystemTray.items.values
@@ -24,8 +22,8 @@ BarButton {
                 required property var modelData
 
                 source: modelData.icon
-                width: root.iconSize
-                height: root.iconSize
+                width: Theme.tray.iconSize
+                height: Theme.tray.iconSize
             }
         }
     }

modules/bar/Workspaces.qml

@@ -9,7 +9,7 @@ Row {
 
     property int count: 7
 
-    spacing: Appearance.spacing
+    spacing: Theme.spacing
 
     Repeater {
         model: root.count
@@ -21,15 +21,15 @@ Row {
             property var ws: Hyprland.workspaces.values.find(w => w.id === pill.index + 1)
             property bool isActive: Hyprland.focusedWorkspace?.id === (pill.index + 1)
 
-            radius: 1000
-            implicitHeight: 15
-            implicitWidth: pill.isActive ? pill.implicitHeight * 2.3 : pill.implicitHeight
+            radius: Theme.workspaces.radius
+            implicitHeight: Theme.workspaces.height
+            implicitWidth: pill.isActive ? pill.implicitHeight * Theme.workspaces.activeWidthRatio : pill.implicitHeight
             color: {
                 if (handler.hovered)
-                    return Appearance.colors.accent;
+                    return Theme.colors.accent;
                 if (pill.isActive || pill.ws)
-                    return Appearance.colors.accent;
-                return Appearance.colors.inActive;
+                    return Theme.colors.accent;
+                return Theme.colors.inActive;
             }
 
             MouseArea {
@@ -45,13 +45,13 @@ Row {
 
             Behavior on color {
                 ColorAnimation {
-                    duration: Appearance.duration
+                    duration: Theme.duration
                 }
             }
 
             Behavior on implicitWidth {
                 NumberAnimation {
-                    duration: Appearance.duration
+                    duration: Theme.duration
                     easing.type: Easing.OutQuad
                 }
             }