reorg bar

components/StyledLayoutSeparator.qml

@@ -0,0 +1,12 @@
+import qs.config
+import QtQuick
+import QtQuick.Layouts
+
+Rectangle {
+    color: Styling.theme.basecontent
+    opacity: 0.33
+    Layout.fillHeight: true
+    Layout.margins: 2
+    implicitWidth: 0.5
+    radius: 9999
+}

modules/bar/Bar.qml

@@ -28,7 +28,7 @@ StyledWrapperRectangle {
         RowLayout {
             id: leftbar
 
-            spacing: Styling.layout.spacing.base
+            spacing: Styling.layout.spacing.lg
 
             SystemLogo {
                 implicitSize: 22
@@ -44,7 +44,7 @@ StyledWrapperRectangle {
 
             Layout.alignment: Qt.AlignHCenter
 
-            spacing: Styling.layout.spacing.base
+            spacing: Styling.layout.spacing.lg
 
             Mpris {}
         }
@@ -54,18 +54,14 @@ StyledWrapperRectangle {
 
             Layout.alignment: Qt.AlignRight
 
-            spacing: Styling.layout.spacing.base
-
-            Pywal {}
+            spacing: Styling.layout.spacing.lg
 
             Pipewire {}
 
-            Caffeine {}
+            StyledLayoutSeparator {}
 
             Network {}
 
-            Bluetooth {}
-
             Storage {}
 
             Memory {}
@@ -74,10 +70,20 @@ StyledWrapperRectangle {
 
             Gpu {}
 
-            Power {}
+            StyledLayoutSeparator {}
+
+            Pywal {}
+
+            Caffeine {}
+
+            Bluetooth {}
+
+            StyledLayoutSeparator {}
 
             Clock {}
 
+            Power {}
+
             Notifications {}
         }
     }

modules/bar/components/Caffeine.qml

@@ -6,7 +6,7 @@ StyledIconButton {
     id: root
 
     border.width: 2
-    border.color: Caffeine.enabled ? Styling.theme.secondary : root.hovered ? Styling.theme.primary : Styling.theme.base300
+    border.color: Caffeine.enabled ? Styling.theme.secondary : root.hovered ? Styling.theme.primary : Styling.theme.base200
     text: Styling.lucide.icons.coffee
 
     onClicked: {

modules/bar/components/Clock.qml

@@ -1,7 +1,6 @@
 import qs.components
 import Quickshell
 
-StyledRectangle {
 StyledText {
     text: ` ${Qt.formatDateTime(clock.date, "hh:mm:ss AP")}`
     SystemClock {
@@ -9,4 +8,3 @@ StyledRectangle {
         precision: SystemClock.Seconds
     }
 }
-}

modules/bar/components/Memory.qml

@@ -5,8 +5,6 @@ import qs.utils
 import QtQuick
 import QtQuick.Layouts
 
-StyledRectangle {
-
 RowLayout {
 
     Ref {
@@ -21,4 +19,3 @@ StyledRectangle {
         text: ` ${(SystemInfo.memPerc * 100).toFixed()}%`
     }
 }
-}

modules/bar/components/Network.qml

@@ -5,8 +5,6 @@ import qs.utils
 import QtQuick
 import QtQuick.Layouts
 
-StyledRectangle {
-
 RowLayout {
 
     Ref {
@@ -52,4 +50,3 @@ StyledRectangle {
         text: ` ${(NetworkService.active?.strength ?? 0).toFixed()}%`
     }
 }
-}

modules/bar/components/Storage.qml

@@ -5,8 +5,6 @@ import qs.utils
 import QtQuick
 import QtQuick.Layouts
 
-StyledRectangle {
-
 RowLayout {
 
     Ref {
@@ -23,4 +21,3 @@ StyledRectangle {
         text: ` ${(SystemInfo.storagePerc * 100).toFixed()}%`
     }
 }
-}