fix some stuff and simplify shit

Colors.qml

@@ -5,25 +5,25 @@ import Quickshell
 Singleton {
     id: customColors
     // Core Backgrounds
-    readonly property color background: "#141B1E"
-    readonly property color foreground: "#DADADA"
-    readonly property color cursor: "#DADADA"
+    readonly property color background: "#161616"
+    readonly property color foreground: "#FFFFFF"
+    readonly property color cursor: "#6F6F6F"
 
     // The 16 Colors of the Apocalypse
-    readonly property color color0: "#232A2D"
-    readonly property color color1: "#E57474"
-    readonly property color color2: "#8CCF7E"
-    readonly property color color3: "#E5C76B"
-    readonly property color color4: "#67B0E8"
-    readonly property color color5: "#C47FD5"
-    readonly property color color6: "#6CBFBF"
-    readonly property color color7: "#B3B9B8"
-    readonly property color color8: "#2D3437"
-    readonly property color color9: "#EF7E7E"
-    readonly property color color10: "#96D988"
-    readonly property color color11: "#F4D67A"
-    readonly property color color12: "#71BAF2"
-    readonly property color color13: "#CE89DF"
-    readonly property color color14: "#67CBE7"
-    readonly property color color15: "#BDC3C2"
+    readonly property color color0: "#262626"
+    readonly property color color1: "#EE5396"
+    readonly property color color2: "#42BE65"
+    readonly property color color3: "#FFE97B"
+    readonly property color color4: "#33B1FF"
+    readonly property color color5: "#FF7EB6"
+    readonly property color color6: "#3DDBD9"
+    readonly property color color7: "#DDE1E6"
+    readonly property color color8: "#393939"
+    readonly property color color9: "#EE5396"
+    readonly property color color10: "#42BE65"
+    readonly property color color11: "#FFE97B"
+    readonly property color color12: "#33B1FF"
+    readonly property color color13: "#FF7EB6"
+    readonly property color color14: "#3DDBD9"
+    readonly property color color15: "#FFFFFF"
 }

modules/Bar/Bar.qml

@@ -18,15 +18,18 @@ Variants {
             left: true
             right: true
         }
+        margins {
+          left: 10
+          right: 10
+        }
         implicitHeight: Settings.config.barHeight
         RowLayout {
             id: leftStuff
-            spacing: 10
+            spacing: 20
             anchors.left: parent.left
             anchors.verticalCenter: parent.verticalCenter
             Workspaces {
                 property var screen: root.modelData
-                Layout.leftMargin: 10
             }
             Title {}
         }
@@ -44,9 +47,7 @@ Variants {
             anchors.verticalCenter: parent.verticalCenter
             Volume {}
             Battery {}
-            SystemTray {
-                Layout.rightMargin: 10
-            }
+            SystemTray {}
         }
     }
 }

modules/Bar/Battery.qml

@@ -44,7 +44,7 @@ Loader {
             }
         }
 
-        implicitWidth: batRow.implicitWidth
+        implicitWidth: batRow.width
         implicitHeight: Settings.config.barHeight
 
         Row {

modules/Bar/SystemTray.qml

@@ -7,6 +7,7 @@ Item {
     id: root
     implicitWidth: trayRow.implicitWidth
     implicitHeight: Settings.config.barHeight
+    visible: trayRepeater.count > 0
 
     Row {
         id: trayRow

modules/Bar/Title.qml

@@ -1,8 +1,6 @@
-import Quickshell
 import QtQuick
 import "../../reusables/"
 import "../../settings/"
-import "../../"
 import Quickshell.Hyprland
 
 Item {
@@ -14,6 +12,6 @@ Item {
         id: text
         anchors.horizontalCenter: parent.horizontalCenter
         anchors.verticalCenter: parent.verticalCenter
-        text: root.activeWindow?.activated ? Hyprland.activeToplevel.title : "Desktop"
+        text: root.activeWindow ? Hyprland.activeToplevel.title : "Desktop"
     }
 }

modules/Bar/Volume.qml

@@ -7,6 +7,8 @@ import "../../"
 
 Item {
     id: root
+    implicitWidth: textRow.width
+    implicitHeight: Settings.config.barHeight
     property var sink: Pipewire.defaultAudioSink
     function getVolumeIcon() {
         // Safety check: if Pipewire is dead or sink is missing
@@ -30,11 +32,9 @@ Item {
         // If it's loud, prepare the ears!
         return "volume_up";
     }
-    implicitWidth: textRow.implicitWidth + 10
-    implicitHeight: Settings.config.barHeight
     Row {
         id: textRow
-        anchors.centerIn: parent
+        anchors.verticalCenter: parent.verticalCenter
         spacing: 5
         CustomText {
             id: volumeText
@@ -42,12 +42,12 @@ Item {
                 objects: Pipewire.ready ? Pipewire.defaultAudioSink : []
             }
             text: Pipewire.ready ? Math.round(root.sink.audio.volume * 100) + "%" : "failure"
-            opacity: root.sink.audio.muted ? 0.5 : 1
+            opacity: Pipewire.ready ? root.sink.audio.muted ? 0.5 : 1 : 0
         }
         CustomIcon {
             id: volumeIcon
-            opacity: root.sink.audio.muted ? 0.5 : 1
-            text: root.getVolumeIcon()
+            opacity: Pipewire.ready ? root.sink.audio.muted ? 0.5 : 1 : 0
+            text: Pipewire.ready ? root.getVolumeIcon() : null
         }
     }
 }