fix some things and the wallpaper picker is finally working!

modules/bar/Appearance.qml

@@ -3,5 +3,5 @@ import QtQuick
 
 QtObject {
     readonly property string font: "JetBrainsMono Nerd Font"
-    readonly property real fontSize: 14
+    readonly property real fontSize: 12
 }

modules/bar/Battery.qml

@@ -11,12 +11,14 @@ Item {
         anchors.centerIn: parent
         spacing: 0
         IconImage {
+            anchors.verticalCenter: parent.verticalCenter
             source: "root:/icons/" + UPower.displayDevice.iconName + ".svg"
-            implicitWidth: 16
-            implicitHeight: 16
+            width: Appearance.fontSize
+            height: Appearance.fontSize
         }
         Text {
             id: batteryText
+            anchors.verticalCenter: parent.verticalCenter
             font.weight: 900
             font.family: Appearance.font
             font.pixelSize: Appearance.fontSize

modules/bar/Colors.qml

@@ -5,25 +5,25 @@ import Quickshell
 Singleton {
     id: customColors
     // Core Backgrounds
-    readonly property color background: "#1F1F28"
-    readonly property color foreground: "#DCD7BA"
-    readonly property color cursor: "#DCD7BA"
+    readonly property color background: "#0E0D15"
+    readonly property color foreground: "#EFEEFB"
+    readonly property color cursor: "#AE9CB4"
 
     // The 16 Colors of the Apocalypse
-    readonly property color color0: "#090618"
-    readonly property color color1: "#C34043"
-    readonly property color color2: "#76946A"
-    readonly property color color3: "#C0A36E"
-    readonly property color color4: "#7E9CD8"
-    readonly property color color5: "#957FB8"
-    readonly property color color6: "#6A9589"
-    readonly property color color7: "#C8C093"
-    readonly property color color8: "#727169"
-    readonly property color color9: "#E82424"
-    readonly property color color10: "#98BB6C"
-    readonly property color color11: "#E6C384"
-    readonly property color color12: "#7FB4CA"
-    readonly property color color13: "#938AA9"
-    readonly property color color14: "#7AA89F"
-    readonly property color color15: "#DCD7BA"
+    readonly property color color0: "#383841"
+    readonly property color color1: "#27659D"
+    readonly property color color2: "#8E348E"
+    readonly property color color3: "#4638D8"
+    readonly property color color4: "#3BA63E"
+    readonly property color color5: "#DB405A"
+    readonly property color color6: "#6C5CF4"
+    readonly property color color7: "#E0DEF1"
+    readonly property color color8: "#9C9BA9"
+    readonly property color color9: "#27659D"
+    readonly property color color10: "#8E348E"
+    readonly property color color11: "#4638D8"
+    readonly property color color12: "#3BA63E"
+    readonly property color color13: "#DB405A"
+    readonly property color color14: "#6C5CF4"
+    readonly property color color15: "#E0DEF1"
 }

modules/bar/Volume.qml

@@ -56,8 +56,9 @@ Item {
         spacing: 5
 
         IconImage {
-            width: 16
-            height: 16
+            anchors.verticalCenter: parent.verticalCenter
+            width: Appearance.fontSize
+            height: Appearance.fontSize
 
             // The magic: 'image://theme/' pulls from your system icon theme (Papirus, Adwaita, etc.)
             source: "root:/icons/" + root.getVolumeIcon() + "-symbolic.svg"

modules/wallpaper/Wallpaper.qml

@@ -2,11 +2,10 @@ import QtQuick
 import Quickshell
 import Quickshell.Wayland
 import "."
+import Quickshell.Io
 
 WlrLayershell {
     id: root
-    property string wall: WallpaperStore.currentWall
-    onWallChanged: console.log("new wall!:" + wall)
 
     // 1. Send it to the bottom of the stack!
     layer: WlrLayer.Background
@@ -29,7 +28,5 @@ WlrLayershell {
         id: actualWall
         anchors.fill: parent
         source: WallpaperStore.currentWall
-
-        onSourceChanged: console.log("🖼️ Wallpaper noticed change! New source: " + wall)
     }
 }

shell.qml

@@ -15,7 +15,6 @@ Scope {
     Variants {
         id: barVariants
         model: Quickshell.screens
-
         delegate: Bar {
             screen: modelData
         }