add primitive wallpaper function, Clock and other Widget improvements

modules/bar/Bar.qml

@@ -25,11 +25,12 @@ PanelWindow {
     RowLayout {
         id: centerLayout
         anchors.centerIn: parent
+        Clock {}
     }
 
     RowLayout {
         id: rightLayout
-        spacing: 0
+        spacing: 10
         anchors.right: parent.right
         anchors.verticalCenter: parent.verticalCenter
         Volume {}

modules/bar/Battery.qml

@@ -17,6 +17,7 @@ Item {
         }
         Text {
             id: batteryText
+            font.weight: 900
             font.family: Appearance.font
             font.pixelSize: Appearance.fontSize
             color: Colors.foreground

modules/bar/Clock.qml

@@ -3,10 +3,23 @@ import Quickshell
 
 Item {
     id: root
-    implicitWidth: clockText.text.length + 10
+    // FIX: Real pixels please!
+    implicitWidth: clockText.implicitWidth
+    implicitHeight: 30
+
     Text {
         id: clockText
         anchors.centerIn: parent
-        text: "sigma balls"
+        font.weight: 900
+        font.family: Appearance.font
+        font.pixelSize: Appearance.fontSize
+        color: Colors.foreground
+
+        text: Qt.formatDateTime(clock.date, "hh:mm")
+
+        SystemClock {
+            id: clock
+            precision: SystemClock.Minutes
+        }
     }
 }

modules/bar/Volume.qml

@@ -70,6 +70,7 @@ Item {
             PwObjectTracker {
                 objects: Pipewire.defaultAudioSink
             }
+            font.weight: 900
             color: Colors.foreground
             font.family: Appearance.font
             font.pixelSize: Appearance.fontSize

modules/bar/Workspaces.qml

@@ -13,13 +13,10 @@ Item {
 
         Repeater {
             id: workspaceRepeater
-            model: Hyprland.workspaces
-
             Rectangle {
-                id: workspaceCircle
+                width: 18
-                width: 16
+                height: 18
-                height: 16
+                radius: 10
-                radius: 20
                 //color: modelData.active ? myPallete.accent : myPallete.window
                 color: modelData.active ? Colors.foreground : "transparent"
 
@@ -33,6 +30,7 @@ Item {
                     color: modelData.active ? Colors.background : Colors.foreground // Set contrasting color for workspace number
                 }
             }
+            model: Hyprland.workspaces
         }
     }
 }

modules/wallpaper/Wallpaper.qml

@@ -0,0 +1,36 @@
+import QtQuick
+import Quickshell
+import Quickshell.Wayland
+
+WlrLayershell {
+    id: root
+
+    // 1. Send it to the bottom of the stack!
+    layer: WlrLayer.Background
+
+    // 2. Stretch it to cover the ENTIRE screen
+    anchors {
+        top: true
+        bottom: true
+        left: true
+        right: true
+    }
+
+    // 3. IMPORTANT: Tell the compositor NOT to reserve space for this.
+    // If you don't do this, your wallpaper might push your windows aside!
+    exclusionMode: ExclusionMode.Ignore
+
+    // 4. The actual content
+    Image {
+        anchors.fill: parent
+        source: "/home/lucy/.walls/eoe.png"
+        fillMode: Image.PreserveAspectCrop
+    }
+
+    // Bonus: A dark rectangle to dim the wallpaper slightly?
+    Rectangle {
+        anchors.fill: parent
+        color: "black"
+        opacity: 0.2
+    }
+}

shell.qml

@@ -1,4 +1,22 @@
 //@ pragma UseQApplication
 import qs.modules.bar
+import qs.modules.wallpaper
+import Quickshell
 
-Bar {}
+Scope {
+    Variants {
+        id: wallpaperVariants
+        model: Quickshell.screens
+        delegate: Wallpaper {
+            screen: modelData
+        }
+    }
+    Variants {
+        id: barVariants
+        model: Quickshell.screens
+
+        delegate: Bar {
+            screen: modelData
+        }
+    }
+}