diff --git a/bar/modules/Notifications.qml b/bar/modules/Notifications.qml
index b0d17af..211c3dd 100644
--- a/bar/modules/Notifications.qml
+++ b/bar/modules/Notifications.qml
@@ -19,15 +19,18 @@ Rectangle {
     property int  barMargin:    Cfg.Config.margin
     readonly property var t: Cfg.Config.theme
 
-    property int  unreadCount: 0
-    property bool historyOpen: historyPopup.popupOpen
+    property int  unreadCount:  0
+    property bool doNotDisturb: false
+    property bool historyOpen:  historyPopup.popupOpen
 
     width:  35
     height: 40
     radius: panelRadius
 
     color:        hoverHandler.hovered ? t.notifBgHover : t.notifBg
-    border.color: (hoverHandler.hovered || historyOpen) ? t.notifBorderActive : t.notifBorder
+    border.color: root.doNotDisturb
+                      ? t.notifDnd
+                      : ((hoverHandler.hovered || historyOpen) ? t.notifBorderActive : t.notifBorder)
     border.width: borderWidth
 
     Behavior on color        { ColorAnimation  { duration: 150 } }
@@ -54,8 +57,10 @@ Rectangle {
         Text {
             id: bellIcon
             anchors.centerIn: parent
-            text:           "󰂚"
-            color:          root.unreadCount > 0 ? t.notifIconActive : t.notifIcon
+            text:           root.doNotDisturb ? "󰂛" : "󰂚"
+            color:          root.doNotDisturb
+                                ? t.notifDnd
+                                : (root.unreadCount > 0 ? t.notifIconActive : t.notifIcon)
             font.pixelSize: Cfg.Config.notifIconSize
             Behavior on color { ColorAnimation { duration: 150 } }
         }
@@ -149,10 +154,11 @@ Rectangle {
                 timeStr: timeStr,
                 timeout: finalTimeout
             }
-            if (toastLayer.atBottom) activeToasts.append(toastEntry)
-            else activeToasts.insert(0, toastEntry)
-
-            if (!root.historyOpen) root.unreadCount++
+            if (!root.doNotDisturb) {
+                if (toastLayer.atBottom) activeToasts.append(toastEntry)
+                else activeToasts.insert(0, toastEntry)
+                if (!root.historyOpen) root.unreadCount++
+            }
         }
     }
 
@@ -297,6 +303,45 @@ Rectangle {
                         Layout.fillWidth: true; Layout.alignment: Qt.AlignVCenter
                     }
 
+                    // ── Do Not Disturb toggle ─────────────────────────────
+                    Rectangle {
+                        Layout.alignment: Qt.AlignVCenter
+                        width:  dndRow.implicitWidth + 16
+                        height: 24
+                        radius: 12
+                        color:  root.doNotDisturb
+                                    ? Qt.rgba(t.notifDnd.r, t.notifDnd.g, t.notifDnd.b, 0.18)
+                                    : (dndHover.hovered ? t.notifHistoryHover : "transparent")
+                        border.color: root.doNotDisturb ? t.notifDnd : "transparent"
+                        border.width: Cfg.Config.popupBorderWidth
+                        Behavior on color        { ColorAnimation { duration: 150 } }
+                        Behavior on border.color { ColorAnimation { duration: 150 } }
+
+                        Row {
+                            id: dndRow
+                            anchors.centerIn: parent
+                            spacing: 4
+                            Text {
+                                text:           "󰂛"
+                                color:          root.doNotDisturb ? t.notifDnd : t.notifToastDim
+                                font.pixelSize: 12
+                                anchors.verticalCenter: parent.verticalCenter
+                                Behavior on color { ColorAnimation { duration: 150 } }
+                            }
+                            Text {
+                                text:           root.doNotDisturb ? "On" : "Off"
+                                color:          root.doNotDisturb ? t.notifDnd : t.notifToastDim
+                                font.pixelSize: 11
+                                font.bold:      root.doNotDisturb
+                                anchors.verticalCenter: parent.verticalCenter
+                                Behavior on color { ColorAnimation { duration: 150 } }
+                            }
+                        }
+
+                        HoverHandler { id: dndHover; cursorShape: Qt.PointingHandCursor }
+                        TapHandler   { onTapped: root.doNotDisturb = !root.doNotDisturb }
+                    }
+
                     Rectangle {
                         visible:          notifHistory.count > 0
                         Layout.alignment: Qt.AlignVCenter
@@ -308,7 +353,7 @@ Rectangle {
 
                         Text { id: clearText; anchors.centerIn: parent; text: "Clear all"; color: t.notifToastDim; font.pixelSize: 11 }
                         HoverHandler { id: clearHover; cursorShape: Qt.PointingHandCursor }
-                        TapHandler   { onTapped: { notifHistory.clear(); root.unreadCount = 0 } }
+                        TapHandler   { onTapped: clearAllAnim.start() }
                     }
                 }
 
@@ -318,10 +363,31 @@ Rectangle {
                     anchors.topMargin: 12; height: 1; color: t.notifSeparator
                 }
 
+                SequentialAnimation {
+                    id: clearAllAnim
+                    ParallelAnimation {
+                        NumberAnimation {
+                            target: histCol; property: "opacity"
+                            to: 0; duration: 220; easing.type: Easing.OutCubic
+                        }
+                        NumberAnimation {
+                            target: clearShift; property: "y"
+                            to: -16; duration: 220; easing.type: Easing.OutCubic
+                        }
+                    }
+                    ScriptAction {
+                        script: { notifHistory.clear(); root.unreadCount = 0 }
+                    }
+                    ParallelAnimation {
+                        NumberAnimation { target: histCol;    property: "opacity"; to: 1; duration: 0 }
+                        NumberAnimation { target: clearShift; property: "y";       to: 0; duration: 0 }
+                    }
+                }
+
                 Flickable {
                     id: histFlick
                     anchors { left: parent.left; right: parent.right; top: histDivider.bottom; bottom: parent.bottom }
-                    anchors.leftMargin: 8; anchors.rightMargin: 8
+                    anchors.leftMargin: 2; anchors.rightMargin: 8
                     anchors.topMargin: 6; anchors.bottomMargin: 8; clip: true
                     contentHeight: histCol.implicitHeight
                     flickableDirection: Flickable.VerticalFlick
@@ -329,7 +395,9 @@ Rectangle {
 
                     Column {
                         id: histCol
-                        width: histFlick.width; spacing: 2; topPadding: 4; bottomPadding: 4; leftPadding: 8; rightPadding: 8
+                        opacity: 1
+                        transform: Translate { id: clearShift; y: 0 }
+                        width: histFlick.width; spacing: 2; topPadding: 4; bottomPadding: 4; leftPadding: 2; rightPadding: 8
 
                         Item {
                             width: histCol.width - 16; height: 90; visible: notifHistory.count === 0
@@ -343,7 +411,7 @@ Rectangle {
                         Repeater {
                             model: notifHistory
                             Notif.HistoryCard {
-                                width:       histCol.width - 16; x: 8; itemIndex: index
+                                width:       histCol.width - 10; x: 2; itemIndex: index
                                 appName:     model.appName; summary: model.summary; body: model.body; urgency: model.urgency; timeStr: model.timeStr
                                 t:           root.t; urgencyColor: root.urgencyColor; urgencyIcon: root.urgencyIcon
                                 onDismissed: (idx) => notifHistory.remove(idx)
@@ -355,3 +423,4 @@ Rectangle {
         }
     }
 }
+
diff --git a/bar/modules/Volume.qml b/bar/modules/Volume.qml
index 1ee3e3b..3c42fe4 100644
--- a/bar/modules/Volume.qml
+++ b/bar/modules/Volume.qml
@@ -340,11 +340,12 @@ Rectangle {
                 horizontalAlignment:   Text.AlignHCenter
                 Layout.preferredWidth: 44
             }
+            // ── Mute toggle button ────────────────────────────────────────
             Rectangle {
                 width: 22; height: 22; radius: 6
                 color: muteHover.hovered ? (vs.muted ? "#33ffffff" : "#22ffffff") : (vs.muted ? root.t.volMuteBg : "transparent")
                 border.color: vs.muted ? vs.accentColor : vs.dimColor
-                border.width: 1
+                border.width: Cfg.Config.popupBorderWidth
                 Text {
                     anchors.centerIn: parent
                     text:           vs.muted ? "󰖁" : "󰕾"
@@ -370,6 +371,7 @@ Rectangle {
                     color:  vs.muted ? vs.dimColor : vs.accentColor
                 }
             }
+            // ── Volume slider handle ──────────────────────────────────────
             Rectangle {
                 readonly property real ratio: vs.volume / Math.max(1, vs.maxVolume)
                 x:      Math.min(sliderItem.width - width, Math.max(0, sliderItem.width * ratio - width / 2))
@@ -377,7 +379,7 @@ Rectangle {
                 width: Cfg.Config.volumeHandleSize; height: Cfg.Config.volumeHandleSize; radius: width / 2
                 color:        vs.muted ? vs.dimColor : vs.accentColor
                 border.color: root.t.volHandleBorder
-                border.width: 1
+                border.width: Cfg.Config.popupBorderWidth
             }
             MouseArea {
                 anchors.fill: parent; cursorShape: Qt.PointingHandCursor
@@ -401,11 +403,12 @@ Rectangle {
                 elide:            Text.ElideRight
                 Layout.fillWidth: true
             }
+            // ── Device picker chevron ─────────────────────────────────────
             Rectangle {
                 width: 20; height: 20; radius: 5
                 color:        chevHover.hovered ? "#22ffffff" : "transparent"
                 border.color: vs.pickerOpen ? vs.accentColor : root.t.volPopupBorder
-                border.width: 1
+                border.width: Cfg.Config.popupBorderWidth
                 Text {
                     anchors.centerIn: parent
                     text:           vs.pickerOpen ? "󰅃" : "󰅀"
@@ -445,8 +448,9 @@ Rectangle {
                             readonly property bool isActive: vs.currentNode !== null && modelData.id === vs.currentNode.id
                             Layout.fillWidth: true; height: 28; radius: 7
                             color: isActive ? Qt.alpha(vs.accentColor, 0.18) : (rowHover.hovered ? root.t.volPickerHover : "transparent")
+                            // ── Device row border ─────────────────────────────
                             border.color: isActive ? Qt.alpha(vs.accentColor, 0.45) : "transparent"
-                            border.width: 1
+                            border.width: Cfg.Config.popupBorderWidth
                             RowLayout {
                                 anchors { fill: parent; leftMargin: 8; rightMargin: 8 }
                                 spacing: 8
@@ -454,7 +458,7 @@ Rectangle {
                                     width: 6; height: 6; radius: 3
                                     color:        isActive ? vs.accentColor : "transparent"
                                     border.color: isActive ? "transparent" : vs.dimColor
-                                    border.width: 1
+                                    border.width: Cfg.Config.popupBorderWidth
                                 }
                                 Text {
                                     text:             modelData.description || modelData.nickName || modelData.name
@@ -495,10 +499,12 @@ Rectangle {
             font.pixelSize:   11
             Layout.fillWidth: true
         }
+        // ── Decrement button ──────────────────────────────────────────────
         Rectangle {
             width: 22; height: 22; radius: 5
             color:        decHover.hovered ? "#22ffffff" : "transparent"
-            border.color: lr.borderColor; border.width: 1
+            border.color: lr.borderColor
+            border.width: Cfg.Config.popupBorderWidth
             Text {
                 anchors.centerIn: parent; text: "−"
                 color: lr.value <= lr.minValue ? lr.dimColor : lr.textColor
@@ -514,10 +520,12 @@ Rectangle {
             horizontalAlignment:   Text.AlignHCenter
             Layout.preferredWidth: 44
         }
+        // ── Increment button ──────────────────────────────────────────────
         Rectangle {
             width: 22; height: 22; radius: 5
             color:        incHover.hovered ? "#22ffffff" : "transparent"
-            border.color: lr.borderColor; border.width: 1
+            border.color: lr.borderColor
+            border.width: Cfg.Config.popupBorderWidth
             Text {
                 anchors.centerIn: parent; text: "+"
                 color: lr.value >= lr.maxValue ? lr.dimColor : lr.textColor
diff --git a/config/config.qml b/config/config.qml
index 61a3a88..e18b970 100644
--- a/config/config.qml
+++ b/config/config.qml
@@ -6,7 +6,7 @@ import "themes"
 QtObject {
     id: root
 
-    readonly property var theme: Everforest
+    readonly property var theme: Colorful
 
     // ────────────────────────────────────────────────────────────────────────
     // Widgets
diff --git a/config/themes/aurora.qml b/config/themes/aurora.qml
new file mode 100644
index 0000000..97545fc
--- /dev/null
+++ b/config/themes/aurora.qml
@@ -0,0 +1,161 @@
+pragma Singleton
+import QtQuick
+import Quickshell
+
+QtObject {
+    id: theme
+
+    // ── Wallpaper ──────────────────────────────────────────────────────────────
+    readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallhaven-yjr3kk.png"
+
+    // ── Base Backgrounds ───────────────────────────────────────────────────────
+    readonly property color bg:      "#660b111a" // Midnight blue (60% trans)
+    readonly property color bgPanel: "transparent"
+    readonly property color bgPopup: "#66070c14" // Deep space navy (60% trans)
+    readonly property color bgFrame: bg
+
+    // ── Separators ────────────────────────────────────────────────────────────
+    readonly property color separator: "#3382e6ff"
+
+    // ── Text ──────────────────────────────────────────────────────────────────
+    readonly property color textMain:  "#ffe0f7ff" // Starlight white
+    readonly property color textDim:   "#997a94ad" // Muted nebula blue
+    readonly property color todayText: "#ffffffff"
+
+    // ── Accent & Borders ──────────────────────────────────────────────────────
+    readonly property color accent:       "#ff00d9ff" // Electric comet cyan
+    readonly property color border:       "transparent"
+    readonly property color borderPopup:  "#881e3a5f" // Deep Atlantic blue
+    readonly property color borderToday:  accent
+
+    // ── ArchLogo Module ────────────────────────────────────────────────────────
+    readonly property color archLogoBg:           bgPanel
+    readonly property color archLogoBgHover:      "#22ffffff"
+    readonly property color archLogoHover:        accent
+    readonly property color archLogoBorder:       border
+    readonly property color archLogoBorderActive: accent
+    readonly property color archLogoIcon:         textMain
+    readonly property color archLogoIconActive:   accent
+
+    // ── Stats Module (Variation: Cosmic Cyan) ──────────────────────────────────
+    readonly property color statsBg:          bgPanel
+    readonly property color statsBorder:      border
+    readonly property color statsText:        "#ff82e6ff" 
+    readonly property color statsRingColor:   accent
+    readonly property color statsCpuColor:    "#ff00f2ff" 
+    readonly property color statsMemColor:    "#ffbc7fff" // Trail violet
+    readonly property color statsDiskColor:   "#ff7fbaff" // Sky blue
+    readonly property color statsGpuColor:    "#ff3df5ff" // Bright teal
+    readonly property color statsTrackColor:  "#15ffffff"
+
+    // ── Volume Module (Variation: Comet Purple) ────────────────────────────────
+    readonly property color volBg:           bgPanel
+    readonly property color volBgHover:      "#223d4e6d"
+    readonly property color volBorder:       border
+    readonly property color volBorderHover:  "#ffbc7fff"
+    readonly property color volPopupBg:      bgPopup
+    readonly property color volPopupBorder:  borderPopup
+    readonly property color volIcon:         "#ffbc7fff" // Soft violet
+    readonly property color volIconMuted:    "#ff5c6a82"
+    readonly property color volTrack:        "#22ffffff"
+    readonly property color volHandle:       accent
+    readonly property color volHandleBorder: "#33ffffff"
+    readonly property color volMuteBg:       "#33ff4b4b"
+    readonly property color volPickerHover:  "#1500d9ff"
+
+    // ── Clock Module ───────────────────────────────────────────────────────────
+    readonly property color clockBg:          bgPanel
+    readonly property color clockBgHover:     "#11ffffff"
+    readonly property color clockBorder:      border
+    readonly property color clockBorderHover: accent
+    readonly property color clockTime:        textMain
+    readonly property color clockSeconds:     "#ffbc7fff" // Purple seconds
+    readonly property color clockIcon:        accent
+    readonly property color clockSeparator:   separator
+    readonly property color clockText:        textMain
+    readonly property color clockShadow:      "#66000000"
+
+    // ── Calendar Popup ─────────────────────────────────────────────────────────
+    readonly property color calCardBg:        bgPopup
+    readonly property color calCardBorder:    borderPopup
+    readonly property color calSeparator:     separator
+    readonly property color calShadow:        "#88000000"
+    readonly property color clockPopupHeader: "#ff82e6ff" 
+    readonly property color clockPopupText:   textMain
+    readonly property color clockPopupDim:    textDim
+
+    // ── Workspace Module ───────────────────────────────────────────────────────
+    readonly property color wsPanelBg:      bgPanel
+    readonly property color wsPanelBorder:  "transparent"
+    readonly property color wsActiveBg:     accent
+    readonly property color wsInactiveBg:   "#15ffffff"
+    readonly property color wsHoverBg:      "#331e3a5f"
+    readonly property color wsActiveText:   "#ff050a14" 
+    readonly property color wsInactiveText: textMain
+    readonly property color wsHoverText:    "#ffffffff"
+
+    // ── Tray Module ────────────────────────────────────────────────────────────
+    readonly property color trayBg:          bgPanel
+    readonly property color trayBgHover:     "#11ffffff"
+    readonly property color trayBorder:      border
+    readonly property color trayBorderHover: "#22ffffff"
+    readonly property color trayIcon:        textMain
+
+    // ── Launcher (Variation: Starfield Navy) ───────────────────────────────────
+    readonly property color launcherBg:               bgPopup
+    readonly property color launcherBorder:           "#4400d9ff"
+    readonly property color launcherInput:            "#44050a14"
+    readonly property color launcherInputBorderFocus: accent
+    readonly property color launcherPill:             "#441e3a5f"
+    readonly property color launcherText:             textMain
+    readonly property color launcherDim:              textDim
+    readonly property color launcherAccent:           accent
+    readonly property color launcherHover:            "#2200d9ff"
+    readonly property color launcherSelected:         "#4400d9ff"
+    readonly property color launcherModeActiveText:   "#ffffffff"
+    readonly property color launcherModeActiveBg:     accent
+
+    // ── Status Colors ──────────────────────────────────────────────────────────
+    readonly property color statusOk:   "#ff7fff95" 
+    readonly property color statusWarn: "#ffffcc00" 
+    readonly property color statusErr:  "#ffff4b4b" 
+    readonly property color statusInfo: "#ff00d9ff"
+
+    // ── Notifications Module ───────────────────────────────────────────────────
+    readonly property color notifBg:           bgPanel
+    readonly property color notifBgHover:      "#11ffffff"
+    readonly property color notifBorder:       border
+    readonly property color notifBorderActive: accent
+    readonly property color notifIcon:         textMain
+    readonly property color notifIconActive:   accent
+    readonly property color notifBadgeBg:      statusErr
+    readonly property color notifBadgeText:    "#ffffffff"
+    readonly property color notifSeparator:    separator
+    readonly property color notifDnd:    separator
+
+
+    // ── Toast cards (Variation: Nebula) ────────────────────────────────────────
+    readonly property color notifToastBg:      bgPopup
+    readonly property color notifToastBgHover: "#22ffffff"
+    readonly property color notifToastBorder:  borderPopup
+    readonly property color notifToastShadow:  "#44000000"
+    readonly property color notifToastText:    textMain
+    readonly property color notifToastDim:     textDim
+    readonly property color notifToastAppName: "#ffbc7fff"
+
+    // ── Urgency colours ────────────────────────────────────────────────────────
+    readonly property color notifUrgencyCritical: statusErr
+    readonly property color notifUrgencyNormal:   statusInfo
+    readonly property color notifUrgencyLow:      textDim
+
+    // ── Progress bar ───────────────────────────────────────────────────────────
+    readonly property color notifProgressBg:   "#22ffffff"
+    readonly property color notifProgressFill: accent
+
+    // ── History popup ──────────────────────────────────────────────────────────
+    readonly property color notifHistoryBg:     bgPopup
+    readonly property color notifHistoryBorder: "#3300d9ff"
+    readonly property color notifHistoryShadow: "#55000000"
+    readonly property color notifHistoryHover:  "#1100d9ff"
+    readonly property color notifHistoryEmpty:  textDim
+}
diff --git a/config/themes/beach.qml b/config/themes/beach.qml
new file mode 100644
index 0000000..acb361d
--- /dev/null
+++ b/config/themes/beach.qml
@@ -0,0 +1,160 @@
+pragma Singleton
+import QtQuick
+import Quickshell
+
+QtObject {
+    id: theme
+
+    // ── Wallpaper ──────────────────────────────────────────────────────────────
+    readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallhaven-47915y.jpg"
+
+    // ── Base Backgrounds ───────────────────────────────────────────────────────
+    readonly property color bg:      "#661a212e" // Muted deep sea blue (60% trans)
+    readonly property color bgPanel: "transparent"
+    readonly property color bgPopup: "#66141a24" // Darker coastal navy (60% trans)
+    readonly property color bgFrame: bg
+
+    // ── Separators ────────────────────────────────────────────────────────────
+    readonly property color separator: "#33a5b9c4"
+
+    // ── Text ──────────────────────────────────────────────────────────────────
+    readonly property color textMain:  "#ffeef2f5" // Soft cloud white
+    readonly property color textDim:   "#99a5b9c4" // Muted horizon gray
+    readonly property color todayText: "#ffffffff"
+
+    // ── Accent & Borders ──────────────────────────────────────────────────────
+    readonly property color accent:       "#ffebc6a0" // Warm sunset reflection
+    readonly property color border:       "transparent"
+    readonly property color borderPopup:  "#884a5d6e" // Slate blue border
+    readonly property color borderToday:  accent
+
+    // ── ArchLogo Module ────────────────────────────────────────────────────────
+    readonly property color archLogoBg:           bgPanel
+    readonly property color archLogoBgHover:      "#22ffffff"
+    readonly property color archLogoHover:        accent
+    readonly property color archLogoBorder:       border
+    readonly property color archLogoBorderActive: accent
+    readonly property color archLogoIcon:         textMain
+    readonly property color archLogoIconActive:   accent
+
+    // ── Stats Module (Variation: Shoreline Tones) ──────────────────────────────
+    readonly property color statsBg:          bgPanel
+    readonly property color statsBorder:      border
+    readonly property color statsText:        "#ffa5b9c4"
+    readonly property color statsRingColor:   accent
+    readonly property color statsCpuColor:    "#ffebc6a0" // Sunset gold
+    readonly property color statsMemColor:    "#ff8fa3b0" // Ocean mist
+    readonly property color statsDiskColor:   "#ffc2d1d9" // Bright sky blue
+    readonly property color statsGpuColor:    "#ffd9a385" // Sand tan
+    readonly property color statsTrackColor:  "#15ffffff"
+
+    // ── Volume Module (Variation: Deep Water) ──────────────────────────────────
+    readonly property color volBg:           bgPanel
+    readonly property color volBgHover:      "#224a5d6e"
+    readonly property color volBorder:       border
+    readonly property color volBorderHover:  "#ff8fa3b0"
+    readonly property color volPopupBg:      bgPopup
+    readonly property color volPopupBorder:  borderPopup
+    readonly property color volIcon:         "#ff8fa3b0" 
+    readonly property color volIconMuted:    "#ff5a6b78"
+    readonly property color volTrack:        "#22ffffff"
+    readonly property color volHandle:       accent
+    readonly property color volHandleBorder: "#33ffffff"
+    readonly property color volMuteBg:       "#33d9a385"
+    readonly property color volPickerHover:  "#15ebc6a0"
+
+    // ── Clock Module ───────────────────────────────────────────────────────────
+    readonly property color clockBg:          bgPanel
+    readonly property color clockBgHover:     "#11ffffff"
+    readonly property color clockBorder:      border
+    readonly property color clockBorderHover: accent
+    readonly property color clockTime:        textMain
+    readonly property color clockSeconds:     "#ffd9a385" // Sun-glow orange
+    readonly property color clockIcon:        accent
+    readonly property color clockSeparator:   separator
+    readonly property color clockText:        textMain
+    readonly property color clockShadow:      "#44000000"
+
+    // ── Calendar Popup ─────────────────────────────────────────────────────────
+    readonly property color calCardBg:        bgPopup
+    readonly property color calCardBorder:    borderPopup
+    readonly property color calSeparator:     separator
+    readonly property color calShadow:        "#66000000"
+    readonly property color clockPopupHeader: "#ffebc6a0"
+    readonly property color clockPopupText:   textMain
+    readonly property color clockPopupDim:    textDim
+
+    // ── Workspace Module ───────────────────────────────────────────────────────
+    readonly property color wsPanelBg:      bgPanel
+    readonly property color wsPanelBorder:  "transparent"
+    readonly property color wsActiveBg:     accent
+    readonly property color wsInactiveBg:   "#15ffffff"
+    readonly property color wsHoverBg:      "#334a5d6e"
+    readonly property color wsActiveText:   "#ff1a212e" 
+    readonly property color wsInactiveText: textMain
+    readonly property color wsHoverText:    "#ffffffff"
+
+    // ── Tray Module ────────────────────────────────────────────────────────────
+    readonly property color trayBg:          bgPanel
+    readonly property color trayBgHover:     "#11ffffff"
+    readonly property color trayBorder:      border
+    readonly property color trayBorderHover: "#22ffffff"
+    readonly property color trayIcon:        textMain
+
+    // ── Launcher (Variation: Morning Mist) ─────────────────────────────────────
+    readonly property color launcherBg:               bgPopup
+    readonly property color launcherBorder:           "#33ebc6a0"
+    readonly property color launcherInput:            "#44141a24"
+    readonly property color launcherInputBorderFocus: accent
+    readonly property color launcherPill:             "#444a5d6e"
+    readonly property color launcherText:             textMain
+    readonly property color launcherDim:              textDim
+    readonly property color launcherAccent:           accent
+    readonly property color launcherHover:            "#22ebc6a0"
+    readonly property color launcherSelected:         "#44ebc6a0"
+    readonly property color launcherModeActiveText:   "#ffffffff"
+    readonly property color launcherModeActiveBg:     accent
+
+    // ── Status Colors ──────────────────────────────────────────────────────────
+    readonly property color statusOk:   "#ffb4c9a1" 
+    readonly property color statusWarn: "#ffebc6a0" 
+    readonly property color statusErr:  "#ffd9a385" 
+    readonly property color statusInfo: "#ff8fa3b0"
+
+    // ── Notifications Module ───────────────────────────────────────────────────
+    readonly property color notifBg:           bgPanel
+    readonly property color notifBgHover:      "#11ffffff"
+    readonly property color notifBorder:       border
+    readonly property color notifBorderActive: accent
+    readonly property color notifIcon:         textMain
+    readonly property color notifIconActive:   accent
+    readonly property color notifBadgeBg:      statusErr
+    readonly property color notifBadgeText:    "#ffffffff"
+    readonly property color notifSeparator:    separator
+    readonly property color notifDnd:    separator
+
+    // ── Toast cards (Variation: Dusk) ──────────────────────────────────────────
+    readonly property color notifToastBg:      bgPopup
+    readonly property color notifToastBgHover: "#22ffffff"
+    readonly property color notifToastBorder:  borderPopup
+    readonly property color notifToastShadow:  "#44000000"
+    readonly property color notifToastText:    textMain
+    readonly property color notifToastDim:     textDim
+    readonly property color notifToastAppName: "#ff8fa3b0"
+
+    // ── Urgency colours ────────────────────────────────────────────────────────
+    readonly property color notifUrgencyCritical: statusErr
+    readonly property color notifUrgencyNormal:   statusInfo
+    readonly property color notifUrgencyLow:      textDim
+
+    // ── Progress bar ───────────────────────────────────────────────────────────
+    readonly property color notifProgressBg:   "#22ffffff"
+    readonly property color notifProgressFill: accent
+
+    // ── History popup ──────────────────────────────────────────────────────────
+    readonly property color notifHistoryBg:     bgPopup
+    readonly property color notifHistoryBorder: "#33ebc6a0"
+    readonly property color notifHistoryShadow: "#55000000"
+    readonly property color notifHistoryHover:  "#11ebc6a0"
+    readonly property color notifHistoryEmpty:  textDim
+}
diff --git a/config/themes/colorful.qml b/config/themes/colorful.qml
new file mode 100644
index 0000000..ece9fc6
--- /dev/null
+++ b/config/themes/colorful.qml
@@ -0,0 +1,161 @@
+pragma Singleton
+import QtQuick
+import Quickshell
+
+QtObject {
+    id: theme
+
+    // ── Wallpaper ──────────────────────────────────────────────────────────────
+    readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallpaper-old.jpg"
+
+    // ── Base Backgrounds ───────────────────────────────────────────────────────
+    readonly property color bg:      "#bb0f0a11" // Muted deep lake blue (60% trans)
+    readonly property color bgPanel: "transparent"
+    readonly property color bgPopup: "#bb0f0a11" // Darker crepuscular navy (60% trans)
+    readonly property color bgFrame: bg
+
+    // ── Separators ────────────────────────────────────────────────────────────
+    readonly property color separator: "#33c48da8" // Faint sunset pink
+
+    // ── Text ──────────────────────────────────────────────────────────────────
+    readonly property color textMain:  "#ffeff1f5" // Snow white
+    readonly property color textDim:   "#998da0c4" // Muted sky blue
+    readonly property color todayText: "#ffffffff"
+
+    // ── Accent & Borders ──────────────────────────────────────────────────────
+    readonly property color accent:       "#fff0a1ba" // Sunset pink accent
+    readonly property color border:       "transparent"
+    readonly property color borderPopup:  "#fff0a1ba" // Muted slate blue
+    readonly property color borderToday:  accent
+
+    // ── ArchLogo Module ────────────────────────────────────────────────────────
+    readonly property color archLogoBg:           bgPanel
+    readonly property color archLogoBgHover:      "#22ffffff"
+    readonly property color archLogoHover:        accent
+    readonly property color archLogoBorder:       border
+    readonly property color archLogoBorderActive: accent
+    readonly property color archLogoIcon:         textMain
+    readonly property color archLogoIconActive:   accent
+
+    // ── Stats Module (Variation: Alpenglow) ────────────────────────────────────
+    readonly property color statsBg:          bgPanel
+    readonly property color statsBorder:      border
+    readonly property color statsText:        "#ff8da0c4"
+    readonly property color statsRingColor:   accent
+    readonly property color statsCpuColor:    "#fff0a1ba" // Pink
+    readonly property color statsMemColor:    "#ffffcc99" // Horizon orange
+    readonly property color statsDiskColor:   "#ff8da0c4" // Water blue
+    readonly property color statsGpuColor:    "#ffb08dc4" // Purple mist
+    readonly property color statsTrackColor:  "#15ffffff"
+
+    // ── Volume Module (Variation: Frozen Lake) ─────────────────────────────────
+    readonly property color volBg:           bgPanel
+    readonly property color volBgHover:      "#224a566e"
+    readonly property color volBorder:       border
+    readonly property color volBorderHover:  "#ffb08dc4"
+    readonly property color volPopupBg:      bgPopup
+    readonly property color volPopupBorder:  borderPopup
+    readonly property color volIcon:         "#ffb08dc4" // Soft purple
+    readonly property color volIconMuted:    "#ff5a6678"
+    readonly property color volTrack:        "#22ffffff"
+    readonly property color volHandle:       accent
+    readonly property color volHandleBorder: "#33ffffff"
+    readonly property color volMuteBg:       "#33f0a1ba"
+    readonly property color volPickerHover:  "#15f0a1ba"
+
+    // ── Clock Module ───────────────────────────────────────────────────────────
+    readonly property color clockBg:          bgPanel
+    readonly property color clockBgHover:     "#11ffffff"
+    readonly property color clockBorder:      border
+    readonly property color clockBorderHover: accent
+    readonly property color clockTime:        textMain
+    readonly property color clockSeconds:     "#ffffcc99" // Horizon orange
+    readonly property color clockIcon:        accent
+    readonly property color clockSeparator:   separator
+    readonly property color clockText:        textMain
+    readonly property color clockShadow:      "#44000000"
+
+    // ── Calendar Popup ─────────────────────────────────────────────────────────
+    readonly property color calCardBg:        bgPopup
+    readonly property color calCardBorder:    borderPopup
+    readonly property color calSeparator:     separator
+    readonly property color calShadow:        "#66000000"
+    readonly property color clockPopupHeader: "#fff0a1ba"
+    readonly property color clockPopupText:   textMain
+    readonly property color clockPopupDim:    textDim
+
+    // ── Workspace Module ───────────────────────────────────────────────────────
+    readonly property color wsPanelBg:      bgPanel
+    readonly property color wsPanelBorder:  "transparent"
+    readonly property color wsActiveBg:     accent
+    readonly property color wsInactiveBg:   "#15ffffff"
+    readonly property color wsHoverBg:      "#334a566e"
+    readonly property color wsActiveText:   "#ff1c2433" // Dark text on pink
+    readonly property color wsInactiveText: textMain
+    readonly property color wsHoverText:    "#ffffffff"
+
+    // ── Tray Module ────────────────────────────────────────────────────────────
+    readonly property color trayBg:          bgPanel
+    readonly property color trayBgHover:     "#11ffffff"
+    readonly property color trayBorder:      border
+    readonly property color trayBorderHover: "#22ffffff"
+    readonly property color trayIcon:        textMain
+
+    // ── Launcher (Variation: Dusk Gradient) ────────────────────────────────────
+    readonly property color launcherBg:               bgPopup
+    readonly property color launcherBorder:           "#33f0a1ba"
+    readonly property color launcherInput:            "#44141a26"
+    readonly property color launcherInputBorderFocus: accent
+    readonly property color launcherPill:             "#444a566e"
+    readonly property color launcherText:             textMain
+    readonly property color launcherDim:              textDim
+    readonly property color launcherAccent:           accent
+    readonly property color launcherHover:            "#22f0a1ba"
+    readonly property color launcherSelected:         "#44f0a1ba"
+    readonly property color launcherModeActiveText:   "#ffffffff"
+    readonly property color launcherModeActiveBg:     accent
+
+    // ── Status Colors ──────────────────────────────────────────────────────────
+    readonly property color statusOk:   "#ffb4c9a1" 
+    readonly property color statusWarn: "#ffffcc99" 
+    readonly property color statusErr:  "#fff0a1ba" 
+    readonly property color statusInfo: "#ffb08dc4"
+
+    // ── Notifications Module ───────────────────────────────────────────────────
+    readonly property color notifBg:           bgPanel
+    readonly property color notifBgHover:      "#11ffffff"
+    readonly property color notifBorder:       border
+    readonly property color notifBorderActive: accent
+    readonly property color notifIcon:         textMain
+    readonly property color notifIconActive:   accent
+    readonly property color notifBadgeBg:      statusErr
+    readonly property color notifBadgeText:    "#ffffffff"
+    readonly property color notifSeparator:    separator
+    readonly property color notifDnd:    separator
+
+
+    // ── Toast cards (Variation: Twilight) ──────────────────────────────────────
+    readonly property color notifToastBg:      bgPopup
+    readonly property color notifToastBgHover: "#22ffffff"
+    readonly property color notifToastBorder:  borderPopup
+    readonly property color notifToastShadow:  "#44000000"
+    readonly property color notifToastText:    textMain
+    readonly property color notifToastDim:     textDim
+    readonly property color notifToastAppName: "#ffb08dc4"
+
+    // ── Urgency colours ────────────────────────────────────────────────────────
+    readonly property color notifUrgencyCritical: statusErr
+    readonly property color notifUrgencyNormal:   statusInfo
+    readonly property color notifUrgencyLow:      textDim
+
+    // ── Progress bar ───────────────────────────────────────────────────────────
+    readonly property color notifProgressBg:   "#22ffffff"
+    readonly property color notifProgressFill: accent
+
+    // ── History popup ──────────────────────────────────────────────────────────
+    readonly property color notifHistoryBg:     bgPopup
+    readonly property color notifHistoryBorder: "#33f0a1ba"
+    readonly property color notifHistoryShadow: "#55000000"
+    readonly property color notifHistoryHover:  "#11f0a1ba"
+    readonly property color notifHistoryEmpty:  textDim
+}
diff --git a/config/themes/core b/config/themes/core
new file mode 100644
index 0000000..3bf8a34
Binary files /dev/null and b/config/themes/core differ
diff --git a/config/themes/cosmic.qml b/config/themes/cosmic.qml
new file mode 100644
index 0000000..6d086da
--- /dev/null
+++ b/config/themes/cosmic.qml
@@ -0,0 +1,160 @@
+pragma Singleton
+import QtQuick
+import Quickshell
+
+QtObject {
+    id: theme
+
+    // ── Wallpaper ──────────────────────────────────────────────────────────────
+    readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallhaven-yxjm57.jpg"
+
+    // ── Base Backgrounds ───────────────────────────────────────────────────────
+    readonly property color bg:      "#660d1326" // Deep twilight blue (60% trans)
+    readonly property color bgPanel: "transparent"
+    readonly property color bgPopup: "#66090e1c" // Darker star-field navy (60% trans)
+    readonly property color bgFrame: bg
+
+    // ── Separators ────────────────────────────────────────────────────────────
+    readonly property color separator: "#33a2d2ff"
+
+    // ── Text ──────────────────────────────────────────────────────────────────
+    readonly property color textMain:  "#ffe0f2ff" // Brighter starlight white
+    readonly property color textDim:   "#997a89ad" // Muted sky blue
+    readonly property color todayText: "#ffffffff"
+
+    // ── Accent & Borders ──────────────────────────────────────────────────────
+    readonly property color accent:       "#ffbdf0ff" // Comet core (bright cyan-white)
+    readonly property color border:       "transparent"
+    readonly property color borderPopup:  "#883d4a6d" // Softened nebula blue
+    readonly property color borderToday:  accent
+
+    // ── ArchLogo Module ────────────────────────────────────────────────────────
+    readonly property color archLogoBg:           bgPanel
+    readonly property color archLogoBgHover:      "#22ffffff"
+    readonly property color archLogoHover:        accent
+    readonly property color archLogoBorder:       border
+    readonly property color archLogoBorderActive: accent
+    readonly property color archLogoIcon:         textMain
+    readonly property color archLogoIconActive:   accent
+
+    // ── Stats Module (Variation: Comet Trail) ──────────────────────────────────
+    readonly property color statsBg:          bgPanel
+    readonly property color statsBorder:      border
+    readonly property color statsText:        "#ffa2d2ff"
+    readonly property color statsRingColor:   accent
+    readonly property color statsCpuColor:    "#ffbdf0ff" 
+    readonly property color statsMemColor:    "#ffcfb3ff" // Nebula purple
+    readonly property color statsDiskColor:   "#ffffc2e0" // Horizon pink
+    readonly property color statsGpuColor:    accent
+    readonly property color statsTrackColor:  "#15ffffff"
+
+    // ── Volume Module (Variation: Nebula Purple) ───────────────────────────────
+    readonly property color volBg:           bgPanel
+    readonly property color volBgHover:      "#224a527a"
+    readonly property color volBorder:       border
+    readonly property color volBorderHover:  "#ffcfb3ff"
+    readonly property color volPopupBg:      bgPopup
+    readonly property color volPopupBorder:  borderPopup
+    readonly property color volIcon:         "#ffcfb3ff" 
+    readonly property color volIconMuted:    "#ff6e7a9e"
+    readonly property color volTrack:        "#22ffffff"
+    readonly property color volHandle:       accent
+    readonly property color volHandleBorder: "#33ffffff"
+    readonly property color volMuteBg:       "#33ffb3d1"
+    readonly property color volPickerHover:  "#15bdf0ff"
+
+    // ── Clock Module ───────────────────────────────────────────────────────────
+    readonly property color clockBg:          bgPanel
+    readonly property color clockBgHover:     "#11ffffff"
+    readonly property color clockBorder:      border
+    readonly property color clockBorderHover: accent
+    readonly property color clockTime:        textMain
+    readonly property color clockSeconds:     "#ffffc2e0" // Horizon pink
+    readonly property color clockIcon:        accent
+    readonly property color clockSeparator:   separator
+    readonly property color clockText:        textMain
+    readonly property color clockShadow:      "#44000000"
+
+    // ── Calendar Popup ─────────────────────────────────────────────────────────
+    readonly property color calCardBg:        bgPopup
+    readonly property color calCardBorder:    borderPopup
+    readonly property color calSeparator:     separator
+    readonly property color calShadow:        "#66000000"
+    readonly property color clockPopupHeader: "#ffcfb3ff"
+    readonly property color clockPopupText:   textMain
+    readonly property color clockPopupDim:    textDim
+
+    // ── Workspace Module ───────────────────────────────────────────────────────
+    readonly property color wsPanelBg:      bgPanel
+    readonly property color wsPanelBorder:  "transparent"
+    readonly property color wsActiveBg:     accent
+    readonly property color wsInactiveBg:   "#15ffffff"
+    readonly property color wsHoverBg:      "#333d4a6d"
+    readonly property color wsActiveText:   "#ff0d1326" 
+    readonly property color wsInactiveText: textMain
+    readonly property color wsHoverText:    "#ffffffff"
+
+    // ── Tray Module ────────────────────────────────────────────────────────────
+    readonly property color trayBg:          bgPanel
+    readonly property color trayBgHover:     "#11ffffff"
+    readonly property color trayBorder:      border
+    readonly property color trayBorderHover: "#22ffffff"
+    readonly property color trayIcon:        textMain
+
+    // ── Launcher (Variation: Midnight Starfield) ───────────────────────────────
+    readonly property color launcherBg:               bgPopup
+    readonly property color launcherBorder:           "#33bdf0ff"
+    readonly property color launcherInput:            "#44090e1c"
+    readonly property color launcherInputBorderFocus: accent
+    readonly property color launcherPill:             "#443d4a6d"
+    readonly property color launcherText:             textMain
+    readonly property color launcherDim:              textDim
+    readonly property color launcherAccent:           accent
+    readonly property color launcherHover:            "#22bdf0ff"
+    readonly property color launcherSelected:         "#44bdf0ff"
+    readonly property color launcherModeActiveText:   "#ffffffff"
+    readonly property color launcherModeActiveBg:     accent
+
+    // ── Status Colors ──────────────────────────────────────────────────────────
+    readonly property color statusOk:   "#ffb8ebb0" 
+    readonly property color statusWarn: "#ffffebc2" 
+    readonly property color statusErr:  "#ffffb3d1" 
+    readonly property color statusInfo: "#ffbdf0ff"
+
+    // ── Notifications Module ───────────────────────────────────────────────────
+    readonly property color notifBg:           bgPanel
+    readonly property color notifBgHover:      "#11ffffff"
+    readonly property color notifBorder:       border
+    readonly property color notifBorderActive: accent
+    readonly property color notifIcon:         textMain
+    readonly property color notifIconActive:   accent
+    readonly property color notifBadgeBg:      statusErr
+    readonly property color notifBadgeText:    "#ffffffff"
+    readonly property color notifSeparator:    separator
+    readonly property color notifDnd:    separator
+
+    // ── Toast cards (Variation: Horizon Dusk) ──────────────────────────────────
+    readonly property color notifToastBg:      bgPopup
+    readonly property color notifToastBgHover: "#22ffffff"
+    readonly property color notifToastBorder:  borderPopup
+    readonly property color notifToastShadow:  "#44000000"
+    readonly property color notifToastText:    textMain
+    readonly property color notifToastDim:     textDim
+    readonly property color notifToastAppName: "#ffcfb3ff"
+
+    // ── Urgency colours ────────────────────────────────────────────────────────
+    readonly property color notifUrgencyCritical: statusErr
+    readonly property color notifUrgencyNormal:   statusInfo
+    readonly property color notifUrgencyLow:      textDim
+
+    // ── Progress bar ───────────────────────────────────────────────────────────
+    readonly property color notifProgressBg:   "#22ffffff"
+    readonly property color notifProgressFill: accent
+
+    // ── History popup ──────────────────────────────────────────────────────────
+    readonly property color notifHistoryBg:     bgPopup
+    readonly property color notifHistoryBorder: "#33bdf0ff"
+    readonly property color notifHistoryShadow: "#55000000"
+    readonly property color notifHistoryHover:  "#11bdf0ff"
+    readonly property color notifHistoryEmpty:  textDim
+}
diff --git a/config/themes/everforest.qml b/config/themes/everforest.qml
index 15696eb..c84cf36 100644
--- a/config/themes/everforest.qml
+++ b/config/themes/everforest.qml
@@ -6,7 +6,7 @@ QtObject {
     id: theme
 
     // ── Wallpaper ──────────────────────────────────────────────────────────────
-    readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpaper.jpg"
+    readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallpaper.jpg"
 
     // ── Base Backgrounds ───────────────────────────────────────────────────────
     readonly property color bg:      "#aa0a1410"
@@ -131,6 +131,8 @@ QtObject {
     readonly property color notifBadgeBg:      statusErr
     readonly property color notifBadgeText:    "#ff0e1410"
     readonly property color notifSeparator:    separator
+    readonly property color notifDnd:    separator
+
 
     // ── Toast cards ────────────────────────────────────────────────────────────
     readonly property color notifToastBg:      bgPopup
@@ -157,3 +159,5 @@ QtObject {
     readonly property color notifHistoryHover:  "#22ffffff"
     readonly property color notifHistoryEmpty:  textDim
 }
+
+
diff --git a/config/themes/neonica.qml b/config/themes/neonica.qml
new file mode 100644
index 0000000..03274b0
--- /dev/null
+++ b/config/themes/neonica.qml
@@ -0,0 +1,159 @@
+pragma Singleton
+import QtQuick
+import Quickshell
+
+QtObject {
+    id: theme
+
+    // ── Wallpaper ──────────────────────────────────────────────────────────────
+    readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallpaper-new.jpg"
+
+    // ── Base Backgrounds ───────────────────────────────────────────────────────
+    readonly property color bg:      "#860d0b1c" 
+    readonly property color bgPanel: "transparent"
+    readonly property color bgPopup: "#860f0914" // Keeping the 60% transparency
+    readonly property color bgFrame: bg
+
+    // ── Separators ────────────────────────────────────────────────────────────
+    readonly property color separator: "#44e0def4"
+
+    // ── Text ──────────────────────────────────────────────────────────────────
+    readonly property color textMain:  "#ffe0def4" 
+    readonly property color textDim:   "#99908caa"
+    readonly property color todayText: "#ffffffff"
+
+    // ── Accent & Borders ──────────────────────────────────────────────────────
+    readonly property color accent:       "#ffff2e97" // Your magenta accent
+    readonly property color border:       "transparent"
+    readonly property color borderPopup:  "#883b224c" 
+    readonly property color borderToday:  accent
+
+    // ── ArchLogo Module ────────────────────────────────────────────────────────
+    readonly property color archLogoBg:           bgPanel
+    readonly property color archLogoBgHover:      "#22ffffff"
+    readonly property color archLogoHover:        accent
+    readonly property color archLogoBorder:       border
+    readonly property color archLogoBorderActive: accent
+    readonly property color archLogoIcon:         textMain
+    readonly property color archLogoIconActive:   accent
+
+    // ── Stats Module (Variation: Cyan/Blue) ────────────────────────────────────
+    readonly property color statsBg:          bgPanel
+    readonly property color statsBorder:      border
+    readonly property color statsText:        "#ff9ccfd8" // Soft Cyan text
+    readonly property color statsRingColor:   "#ff31748f" // Deep Blue rings
+    readonly property color statsCpuColor:    "#ff9ccfd8" // Light Blue
+    readonly property color statsMemColor:    "#ffc4a7e7" // Soft Purple
+    readonly property color statsDiskColor:   "#ffebbcba" // Muted Rose
+    readonly property color statsGpuColor:    accent
+    readonly property color statsTrackColor:  "#15ffffff"
+
+    // ── Volume Module (Variation: Violet) ──────────────────────────────────────
+    readonly property color volBg:           bgPanel
+    readonly property color volBgHover:      "#22443355"
+    readonly property color volBorder:       border
+    readonly property color volBorderHover:  "#ffc4a7e7" 
+    readonly property color volPopupBg:      bgPopup
+    readonly property color volPopupBorder:  "#ff443355"
+    readonly property color volIcon:         "#ffc4a7e7" // Violet icons
+    readonly property color volIconMuted:    "#ff6e6a86"
+    readonly property color volTrack:        "#22ffffff"
+    readonly property color volHandle:       "#ffc4a7e7"
+    readonly property color volHandleBorder: "#44ffffff"
+    readonly property color volMuteBg:       "#33eb6f92"
+    readonly property color volPickerHover:  "#22c4a7e7"
+
+    // ── Clock Module ───────────────────────────────────────────────────────────
+    readonly property color clockBg:          bgPanel
+    readonly property color clockBgHover:     "#22ffffff"
+    readonly property color clockBorder:      border
+    readonly property color clockBorderHover: accent
+    readonly property color clockTime:        textMain
+    readonly property color clockSeconds:     "#ffeb6f92" // Pink seconds
+    readonly property color clockIcon:        accent
+    readonly property color clockSeparator:   separator
+    readonly property color clockText:        textMain
+    readonly property color clockShadow:      "#22000000"
+
+    // ── Calendar Popup ─────────────────────────────────────────────────────────
+    readonly property color calCardBg:        bgPopup
+    readonly property color calCardBorder:    borderPopup
+    readonly property color calSeparator:     separator
+    readonly property color calShadow:        "#44000000"
+    readonly property color clockPopupHeader: "#ff9ccfd8" // Blue header
+    readonly property color clockPopupText:   textMain
+    readonly property color clockPopupDim:    "#ff6e6a86"
+
+    // ── Workspace Module ───────────────────────────────────────────────────────
+    readonly property color wsPanelBg:      bgPanel
+    readonly property color wsPanelBorder:  "transparent"
+    readonly property color wsActiveBg:     accent
+    readonly property color wsInactiveBg:   "#22ffffff"
+    readonly property color wsHoverBg:      "#443b224c"
+    readonly property color wsActiveText:   "#ff0d0b1c" 
+    readonly property color wsInactiveText: textMain
+    readonly property color wsHoverText:    "#ffffffff"
+
+    // ── Tray Module ────────────────────────────────────────────────────────────
+    readonly property color trayBg:          bgPanel
+    readonly property color trayBgHover:     "#11ffffff"
+    readonly property color trayBorder:      border
+    readonly property color trayBorderHover: "#44ffffff"
+    readonly property color trayIcon:        "#ff9ccfd8" // Cyan icons in tray
+
+    // ── Launcher (Variation: Indigo/Deep Blue) ─────────────────────────────────
+    readonly property color launcherBg:               bgPopup
+    readonly property color launcherBorder:           "#339ccfd8"
+    readonly property color launcherInput:            "#440d0b1c"
+    readonly property color launcherInputBorderFocus: "#ff9ccfd8"
+    readonly property color launcherPill:             "#4431748f"
+    readonly property color launcherText:             "#ffe0def4"
+    readonly property color launcherDim:              "#ff6e6a86"
+    readonly property color launcherAccent:           "#ff9ccfd8"
+    readonly property color launcherHover:            "#4431748f"
+    readonly property color launcherSelected:         "#6631748f"
+    readonly property color launcherModeActiveText:   "#ffffffff"
+    readonly property color launcherModeActiveBg:     "#ff31748f"
+
+    // ── Status Colors ──────────────────────────────────────────────────────────
+    readonly property color statusOk:   "#ff95ffa4"
+    readonly property color statusWarn: "#fff6c177"
+    readonly property color statusErr:  "#ffeb6f92"
+    readonly property color statusInfo: "#ff9ccfd8"
+
+    // ── Notifications Module (Variation: Magenta/Rose) ──────────────────────────
+    readonly property color notifBg:           bgPanel
+    readonly property color notifBgHover:      "#11ffffff"
+    readonly property color notifBorder:       border
+    readonly property color notifBorderActive: accent
+    readonly property color notifIcon:         "#ffeb6f92" // Rose icon
+    readonly property color notifIconActive:   accent
+    readonly property color notifBadgeBg:      "#ffeb6f92"
+    readonly property color notifBadgeText:    "#ff0d0b1c"
+    readonly property color notifSeparator:    separator
+
+    // ── Toast cards ────────────────────────────────────────────────────────────
+    readonly property color notifToastBg:      bgPopup
+    readonly property color notifToastBgHover: "#443b224c"
+    readonly property color notifToastBorder:  borderPopup
+    readonly property color notifToastShadow:  "#33000000"
+    readonly property color notifToastText:    textMain
+    readonly property color notifToastDim:     "#ff908caa"
+    readonly property color notifToastAppName: "#ffc4a7e7" // Violet App name
+
+    // ── Urgency colours ────────────────────────────────────────────────────────
+    readonly property color notifUrgencyCritical: statusErr
+    readonly property color notifUrgencyNormal:   "#ff9ccfd8"
+    readonly property color notifUrgencyLow:      "#ff6e6a86"
+
+    // ── Progress bar ───────────────────────────────────────────────────────────
+    readonly property color notifProgressBg:   "#22ffffff"
+    readonly property color notifProgressFill: accent
+
+    // ── History popup ──────────────────────────────────────────────────────────
+    readonly property color notifHistoryBg:     bgPopup
+    readonly property color notifHistoryBorder: "#33c4a7e7"
+    readonly property color notifHistoryShadow: "#33000000"
+    readonly property color notifHistoryHover:  "#22c4a7e7"
+    readonly property color notifHistoryEmpty:  "#ff6e6a86"
+}
diff --git a/config/themes/qmldir b/config/themes/qmldir
index c592283..9a9e85a 100644
--- a/config/themes/qmldir
+++ b/config/themes/qmldir
@@ -1,3 +1,11 @@
 module themes
 
 singleton Everforest 1.0 everforest.qml
+singleton Neonica 1.0 neonica.qml
+singleton Cosmic 1.0 cosmic.qml
+singleton Aurora 1.0 aurora.qml
+singleton Beach 1.0 beach.qml
+singleton Colorful 1.0 colorful.qml
+
+
+
diff --git a/launcher/Launcher.qml b/launcher/Launcher.qml
index a28e8be..2e911f7 100644
--- a/launcher/Launcher.qml
+++ b/launcher/Launcher.qml
@@ -189,12 +189,14 @@ PanelWindow {
                 anchors.margins: 14
                 spacing: 10
 
+                // ── Search input ──────────────────────────────────────────
                 Rectangle {
                     Layout.fillWidth: true
                     height: 44
                     radius: 10
                     color: t.launcherInput
                     border.color: searchInput.activeFocus ? t.launcherInputBorderFocus : t.launcherBorder
+                    border.width: Cfg.Config.popupBorderWidth
 
                     Behavior on color { NumberAnimation { duration: 180 } }
 
@@ -251,6 +253,7 @@ PanelWindow {
                             radius: 8
                             color:        t.launcherPill
                             border.color: t.launcherBorder
+                            border.width: Cfg.Config.popupBorderWidth
 
                             RowLayout {
                                 id: modeRow
@@ -280,6 +283,7 @@ PanelWindow {
                             }
                         }
 
+                        // ── Proxychains toggle ────────────────────────────
                         Rectangle {
                             id: proxyBtn
                             height: 28
@@ -287,7 +291,7 @@ PanelWindow {
                             radius: 8
                             color:        root.proxyMode ? Qt.rgba(1, 0.35, 0.35, 0.22) : t.launcherPill
                             border.color: root.proxyMode ? Qt.rgba(1, 0.35, 0.35, 0.65) : t.launcherBorder
-                            border.width: 1
+                            border.width: Cfg.Config.popupBorderWidth
                             Behavior on color        { ColorAnimation { duration: 150 } }
                             Behavior on border.color { ColorAnimation { duration: 150 } }
 
diff --git a/notifications/NotificationCard.qml b/notifications/NotificationCard.qml
index 0d718ce..bb5ce55 100644
--- a/notifications/NotificationCard.qml
+++ b/notifications/NotificationCard.qml
@@ -2,6 +2,8 @@ import QtQuick
 import QtQuick.Layouts
 import Quickshell.Services.Notifications
 
+import "../../config" as Cfg
+
 Item {
     id: root
 
@@ -64,7 +66,7 @@ Item {
         border.color: root.urgency === NotificationUrgency.Critical
                           ? root.t.notifUrgencyCritical
                           : (cardHover.hovered ? root.t.notifBorderActive : root.t.notifToastBorder)
-        border.width: 1
+        border.width: Cfg.Config.popupBorderWidth
         layer.enabled: true
 
         Behavior on color        { ColorAnimation { duration: 150; easing.type: Easing.OutCubic } }
@@ -189,3 +191,4 @@ Item {
         }
     }
 }
+
diff --git a/wallpapers/wallhaven-47915y.jpg b/wallpapers/wallhaven-47915y.jpg
new file mode 100644
index 0000000..7c8fa2b
Binary files /dev/null and b/wallpapers/wallhaven-47915y.jpg differ
diff --git a/wallpapers/wallhaven-yjr3kk.png b/wallpapers/wallhaven-yjr3kk.png
new file mode 100644
index 0000000..0f1c8ee
Binary files /dev/null and b/wallpapers/wallhaven-yjr3kk.png differ
diff --git a/wallpapers/wallhaven-yxjm57.jpg b/wallpapers/wallhaven-yxjm57.jpg
new file mode 100644
index 0000000..1a6deb2
Binary files /dev/null and b/wallpapers/wallhaven-yxjm57.jpg differ
diff --git a/wallpapers/wallpaper-new.jpg b/wallpapers/wallpaper-new.jpg
new file mode 100644
index 0000000..399d80e
Binary files /dev/null and b/wallpapers/wallpaper-new.jpg differ
diff --git a/wallpapers/wallpaper-old.jpg b/wallpapers/wallpaper-old.jpg
new file mode 100755
index 0000000..317c621
Binary files /dev/null and b/wallpapers/wallpaper-old.jpg differ
diff --git a/wallpaper.jpg b/wallpapers/wallpaper.jpg
similarity index 100%
rename from wallpaper.jpg
rename to wallpapers/wallpaper.jpg
diff --git a/widgets/bgDate/BgDate.qml b/widgets/bgDate/BgDate.qml
index 2c27da2..c01b485 100644
--- a/widgets/bgDate/BgDate.qml
+++ b/widgets/bgDate/BgDate.qml
@@ -14,21 +14,32 @@ PanelWindow {
     WlrLayershell.exclusiveZone: -1
     mask: Region {}
 
+    property string dateString: ""
+
+    function updateDate() {
+        let d = new Date();
+        dateString = d.toLocaleDateString(Qt.locale(), "dddd, d MMMM yyyy"); 
+    }
+
+    Component.onCompleted: updateDate()
+
     Text {
-        id: clockText
+        id: dateText
         anchors.centerIn: parent
         color:      Cfg.Config.theme.clockText
         styleColor: Cfg.Config.theme.clockShadow
-        font.pixelSize: 100
-        font.weight: Font.Thin
-        style: Text.Outline
-        text: new Date().toLocaleTimeString(Qt.locale(), "HH:mm")
+        font.pixelSize: 64
+        font.weight: Font.ExtraLight
+        font.letterSpacing: 4
+        opacity: 0.55
+        style: Text.DropShadow
+        text: dateString
     }
 
     Timer {
-        interval: 1000
+        interval: 60000 
         running: true
         repeat: true
-        onTriggered: clockText.text = new Date().toLocaleTimeString(Qt.locale(), "HH:mm")
+        onTriggered: updateDate()
     }
 }