new themes + notif dnd

2026-04-24 06:21:56 +00:00
parent 5f3b357344
commit f548be0bfe
20 changed files with 939 additions and 31 deletions
--- 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
--- a/config/themes/aurora.qml
+++ 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
+}
--- a/config/themes/beach.qml
+++ 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
+}
--- a/config/themes/colorful.qml
+++ 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
+}
--- a/config/themes/core
+++ b/config/themes/core
--- a/config/themes/cosmic.qml
+++ 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
+}
--- 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
 }
+
+
--- a/config/themes/neonica.qml
+++ 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"
+}
--- 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
+
+
+