change font

Colors.qml

@@ -3,24 +3,24 @@ import QtQuick
 
 QtObject {
     // --- The Backgrounds (Darkest to Lightest) ---
-    readonly property string base00: "#1d1f21" // Default Background
-    readonly property string base01: "#282a2e" // Lighter Background (Status bars, panels)
-    readonly property string base02: "#373b41" // Selection Background
-    readonly property string base03: "#969896" // Comments, Invisibles, line highlighting
+    readonly property string base00: "#1d2021" // Default Background
+    readonly property string base01: "#3c3836" // Lighter Background (Status bars, panels)
+    readonly property string base02: "#504945" // Selection Background
+    readonly property string base03: "#665c54" // Comments, Invisibles, line highlighting
 
     // --- The Foregrounds (Darkest to Lightest) ---
-    readonly property string base04: "#b4b7b4" // Dark Foreground (Used for status bars)
-    readonly property string base05: "#c5c8c6" // Default Foreground, Caret
-    readonly property string base06: "#e0e0e0" // Light Foreground (Rarely used)
-    readonly property string base07: "#ffffff" // Lightest Foreground
+    readonly property string base04: "#bdae93" // Dark Foreground (Used for status bars)
+    readonly property string base05: "#d5c4a1" // Default Foreground, Caret
+    readonly property string base06: "#ebdbb2" // Light Foreground (Rarely used)
+    readonly property string base07: "#fbf1c7" // Lightest Foreground
 
     // --- The Accent Colors ---
-    readonly property string base08: "#cc6666" // Red (Variables, errors)
-    readonly property string base09: "#de935f" // Orange (Integers, booleans, constants)
-    readonly property string base0A: "#f0c674" // Yellow (Classes, search text bg, warnings)
-    readonly property string base0B: "#b5bd68" // Green (Strings, success states)
-    readonly property string base0C: "#8abeb7" // Cyan (Support, regex, escape chars)
-    readonly property string base0D: "#81a2be" // Blue (Functions, methods, headings)
-    readonly property string base0E: "#b294bb" // Purple/Mauve (Keywords, storage, selectors)
-    readonly property string base0F: "#a3685a" // Brown/Flamingo (Deprecated, embedded tags)
+    readonly property string base08: "#fb4934" // Red (Variables, errors)
+    readonly property string base09: "#fe8019" // Orange (Integers, booleans, constants)
+    readonly property string base0A: "#fabd2f" // Yellow (Classes, search text bg, warnings)
+    readonly property string base0B: "#b8bb26" // Green (Strings, success states)
+    readonly property string base0C: "#8ec07c" // Cyan (Support, regex, escape chars)
+    readonly property string base0D: "#83a598" // Blue (Functions, methods, headings)
+    readonly property string base0E: "#d3869b" // Purple/Mauve (Keywords, storage, selectors)
+    readonly property string base0F: "#d65d0e" // Brown/Flamingo (Deprecated, embedded tags)
 }

modules/Bar/Clock.qml

@@ -12,7 +12,7 @@ WrapperRectangle {
     layer {
         enabled: true
         effect: DropShadow {
-            color: Colors.base01
+            color: "#111111"
             radius: 4
             verticalOffset: 2
             horizontalOffset: 2

modules/Bar/MPris.qml

@@ -15,7 +15,7 @@ WrapperRectangle {
     layer {
         enabled: true
         effect: DropShadow {
-            color: Colors.base01
+            color: "#111111"
             radius: 4
             verticalOffset: 2
             horizontalOffset: 2

modules/Bar/StatusIcons.qml

@@ -14,7 +14,7 @@ WrapperRectangle {
     layer {
         enabled: true
         effect: DropShadow {
-            color: Colors.base01
+            color: "#111111"
             radius: 4
             verticalOffset: 2
             horizontalOffset: 2

modules/Bar/Title.qml

@@ -14,7 +14,7 @@ WrapperRectangle {
     layer {
         enabled: true
         effect: DropShadow {
-            color: Colors.base01
+            color: "#111111"
             radius: 4
             verticalOffset: 2
             horizontalOffset: 2

modules/Bar/Tray.qml

@@ -12,7 +12,7 @@ WrapperRectangle {
     layer {
         enabled: true
         effect: DropShadow {
-            color: Colors.base01
+            color: "#111111"
             radius: 4
             verticalOffset: 2
             horizontalOffset: 2

modules/Bar/Ws.qml

@@ -31,10 +31,10 @@ WrapperRectangle {
                     layer {
                         enabled: true
                         effect: DropShadow {
-                            color: Colors.base01
-                            radius: 8
-                            verticalOffset: 1
-                            horizontalOffset: 1
+                            color: "#111111"
+                            radius: 0
+                            verticalOffset: 2
+                            horizontalOffset: 2
                             samples: 16
                         }
                     }

modules/wallpaper/DesktopClock.qml

@@ -2,26 +2,28 @@ import Quickshell
 import Quickshell.Widgets
 import QtQuick
 import Qt5Compat.GraphicalEffects
+import Quickshell.Io
 import qs
 import qs.settings
 import qs.widgets
 
 Item {
     id: root
-    implicitWidth: wrapper.width
-    implicitHeight: wrapper.height
+    property int gaps: 30
+    implicitWidth: wrapper.width + gaps
+    implicitHeight: wrapper.height + gaps
     ClippingWrapperRectangle {
+        id: wrapper
         layer {
             enabled: true
             effect: DropShadow {
-                        color: Colors.base00
-                        horizontalOffset: 2
-                        verticalOffset: 2
+                color: "#111111"
+                horizontalOffset: 8
+                verticalOffset: 8
                 radius: 8
                 samples: 16
             }
         }
-        id: wrapper
         SystemClock {
             id: clock
             precision: SystemClock.Minutes
@@ -30,6 +32,7 @@ Item {
         radius: Settings.config.rounding
         anchors.centerIn: parent
         margin: 10
+        rightMargin: 15
         child: Column {
             id: dataLayout
             spacing: 0

modules/wallpaper/PlayerWidget.qml

@@ -11,17 +11,17 @@ import qs.widgets
 
 Rectangle {
     id: root
-    color: Colors.base01
-    radius: Settings.config.rounding 
+    color: Colors.base00
+    radius: Settings.config.rounding * 1.5
     implicitWidth: 600
     implicitHeight: 200
     visible: getSpotify() != null
     layer {
         enabled: true
         effect: DropShadow {
-                        color: Colors.base00
-                        horizontalOffset: 2
-                        verticalOffset: 2
+            color: "#111111"
+            horizontalOffset: 8
+            verticalOffset: 8
             radius: 8
             samples: 16
         }
@@ -53,25 +53,33 @@ Rectangle {
         anchors.margins: 10
         margin: 0
         anchors.fill: parent
-        color: "transparent"
+        color: Colors.base00
 
         RowLayout {
             id: songLayout
-            spacing: 0
+            spacing: 10
             ClippingWrapperRectangle {
                 id: coverRounder
-                Layout.leftMargin: 10
-                radius: 16
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                Layout.maximumWidth: songCover.sourceSize.width
+                radius: Settings.config.rounding
                 Image {
                     id: songCover
                     source: root.art
                     sourceSize {
-                        width: 160
-                        height: 160
+                        width: 180
+                        height: 180
                     }
                 }
             }
-            ColumnLayout {
+            WrapperRectangle {
+                color: Colors.base01
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                radius: Settings.config.rounding
+                margin: 20
+                child: ColumnLayout {
                     id: songInfo
                     Layout.alignment: Qt.AlignVCenter
                     Layout.fillWidth: true
@@ -135,7 +143,7 @@ Rectangle {
                             implicitWidth: 200
                             implicitHeight: 6
                             color: Colors.base02
-                        radius: 32
+                            radius: Settings.config.rounding
                         }
                         contentItem: Item {
                             implicitWidth: 200
@@ -145,7 +153,7 @@ Rectangle {
                             Rectangle {
                                 width: songProgress.visualPosition * parent.width
                                 height: parent.height
-                            radius: 32
+                                radius: Settings.config.rounding
                                 color: Colors.base07
                                 visible: !songProgress.indeterminate
                             }
@@ -203,4 +211,5 @@ Rectangle {
                 }
             }
         }
+    }
 }

settings/settings.json

@@ -2,9 +2,9 @@
     "barHeight": 32,
     "barSpacing": 10,
     "barmargins": 6,
-    "currentWall": "/home/lucy/.walls/frierensuff.png",
+    "currentWall": "/home/lucy/.walls/lance_of_longinus.png",
     "floating": true,
-    "font": "Lora",
+    "font": "Maple Mono",
     "fontSize": 14,
     "margins": 10,
     "rounding": 26,