updated configuration and launcher, added animations for modules

2026-04-27 07:31:17 +00:00
parent f548be0bfe
commit 7069679ab4
13 changed files with 711 additions and 14 deletions
--- a/config/themes/aero.qml
+++ b/config/themes/aero.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/vista-aurora.jpg"
+
+    // ── Base Backgrounds ───────────────────────────────────────────────────────
+    readonly property color bg:      "#dd171b1e" // Deep teal-cyan (60% trans)
+    readonly property color bgPanel: "transparent"
+    readonly property color bgPopup: "#dd171b1e" // Darker aurora teal (80% trans)
+    readonly property color bgFrame: bg
+
+    // ── Separators ────────────────────────────────────────────────────────────
+    readonly property color separator: "#33ffffff"
+
+    // ── Text ──────────────────────────────────────────────────────────────────
+    readonly property color textMain:  "#f0f9f9" // Crisp glass white
+    readonly property color textDim:   "#99b2d8d8" // Muted aqua gray
+    readonly property color todayText: "#ffffffff"
+
+    // ── Accent & Borders ──────────────────────────────────────────────────────
+    readonly property color accent:       "#cbdc3d" // Vibrant lime aurora
+    readonly property color border:       "transparent"
+    readonly property color borderPopup:  "#6681c7c7" // Soft sky 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 (Aurora Tones) ───────────────────────────────────────────
+    readonly property color statsBg:          bgPanel
+    readonly property color statsBorder:      border
+    readonly property color statsText:        "#ffb2d8d8"
+    readonly property color statsRingColor:   accent
+    readonly property color statsCpuColor:    "#cbdc3d" // Lime green
+    readonly property color statsMemColor:    "#4db6ac" // Teal
+    readonly property color statsDiskColor:   "#81d4fa" // Sky blue
+    readonly property color statsGpuColor:    "#fff176" // Sun yellow
+    readonly property color statsTrackColor:  "#15ffffff"
+
+    // ── Volume Module (Glass Water) ───────────────────────────────────────────
+    readonly property color volBg:           bgPanel
+    readonly property color volBgHover:      "#2281c7c7"
+    readonly property color volBorder:       border
+    readonly property color volBorderHover:  "#ffb2d8d8"
+    readonly property color volPopupBg:      bgPopup
+    readonly property color volPopupBorder:  borderPopup
+    readonly property color volIcon:         "#ff81d4fa" 
+    readonly property color volIconMuted:    "#ff4f6b6b"
+    readonly property color volTrack:        "#22ffffff"
+    readonly property color volHandle:       accent
+    readonly property color volHandleBorder: "#33ffffff"
+    readonly property color volMuteBg:       "#33cbdc3d"
+    readonly property color volPickerHover:  "#15cbdc3d"
+
+    // ── 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:     "#fff176" // Sun yellow
+    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: "#cbdc3d"
+    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:      "#3381c7c7"
+    readonly property color wsActiveText:   "#ff0b3333" 
+    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 (Fresh Aero) ──────────────────────────────────────────────────
+    readonly property color launcherBg:               bgPopup
+    readonly property color launcherBorder:           "#44cbdc3d"
+    readonly property color launcherInput:            "#440b3333"
+    readonly property color launcherInputBorderFocus: accent
+    readonly property color launcherPill:             "#4481c7c7"
+    readonly property color launcherText:             textMain
+    readonly property color launcherDim:              textDim
+    readonly property color launcherAccent:           accent
+    readonly property color launcherHover:            "#22cbdc3d"
+    readonly property color launcherSelected:         "#44cbdc3d"
+    readonly property color launcherModeActiveText:   "#ffffffff"
+    readonly property color launcherModeActiveBg:     accent
+
+    // ── Status Colors ──────────────────────────────────────────────────────────
+    readonly property color statusOk:   "#aed581" 
+    readonly property color statusWarn: "#fff176" 
+    readonly property color statusErr:  "#ff8a65" 
+    readonly property color statusInfo: "#81d4fa"
+
+    // ── 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 (Vista Glass) ──────────────────────────────────────────────
+    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: "#ff81d4fa"
+
+    // ── 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: "#33cbdc3d"
+    readonly property color notifHistoryShadow: "#55000000"
+    readonly property color notifHistoryHover:  "#11cbdc3d"
+    readonly property color notifHistoryEmpty:  textDim
+}
--- a/config/themes/goldencity.qml
+++ b/config/themes/goldencity.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-qd2xjd.jpg"
+
+    // ── Base Backgrounds ───────────────────────────────────────────────────────
+    readonly property color bg:      "#cc0c0e12" // Deepest foreground shadow
+    readonly property color bgPanel: "transparent"
+    readonly property color bgPopup: "#cc0c0e12" // Near-black building silhouettes
+    readonly property color bgFrame: bg
+
+    // ── Separators ────────────────────────────────────────────────────────────
+    readonly property color separator: "#334a5d6e" // Muted sky blue-gray
+
+    // ── Text ──────────────────────────────────────────────────────────────────
+    readonly property color textMain:  "#ffe8eef2" // Bright cloud highlight white
+    readonly property color textDim:   "#997a8996" // Hazy horizon gray
+    readonly property color todayText: "#ffffffff"
+
+    // ── Accent & Borders ──────────────────────────────────────────────────────
+    readonly property color accent:       "#ffc19375" // Warm hazy horizon gold
+    readonly property color border:       "transparent"
+    readonly property color borderPopup:  "transparent" // 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: Skyline Pulse) ───────────────────────────────
+    readonly property color statsBg:          bgPanel
+    readonly property color statsBorder:      border
+    readonly property color statsText:        "#ff7a8996"
+    readonly property color statsRingColor:   accent
+    readonly property color statsCpuColor:    "#ffc19375" // Horizon gold
+    readonly property color statsMemColor:    "#ff89b4fa" // Building window blue
+    readonly property color statsDiskColor:   "#ff94e2d5" // Teal office light
+    readonly property color statsGpuColor:    "#fff38ba8" // Aviation warning red
+    readonly property color statsTrackColor:  "#15ffffff"
+
+    // ── Volume Module (Variation: Hazy Dusk) ──────────────────────────────────
+    readonly property color volBg:           bgPanel
+    readonly property color volBgHover:      "#224a5d6e"
+    readonly property color volBorder:       border
+    readonly property color volBorderHover:  "#ff89b4fa"
+    readonly property color volPopupBg:      bgPopup
+    readonly property color volPopupBorder:  borderPopup
+    readonly property color volIcon:         "#ff89b4fa" 
+    readonly property color volIconMuted:    "#ff5a6b78"
+    readonly property color volTrack:        "#22ffffff"
+    readonly property color volHandle:       accent
+    readonly property color volHandleBorder: "#33ffffff"
+    readonly property color volMuteBg:       "#33f38ba8"
+    readonly property color volPickerHover:  "#15c19375"
+
+    // ── 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:     "#ffc19375" // Sun-glow gold
+    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: "#ffc19375"
+    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:   "#ff0c0e12" 
+    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: Shanghai Mist) ───────────────────────────────────
+    readonly property color launcherBg:               bgPopup
+    readonly property color launcherBorder:           borderPopup
+    readonly property color launcherInput:            "#44080a0d"
+    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:            "#22c19375"
+    readonly property color launcherSelected:         "#44c19375"
+    readonly property color launcherModeActiveText:   "#ffffffff"
+    readonly property color launcherModeActiveBg:     accent
+
+    // ── Status Colors ──────────────────────────────────────────────────────────
+    readonly property color statusOk:   "#ffb4c9a1" 
+    readonly property color statusWarn: "#ffc19375" 
+    readonly property color statusErr:  "#fff38ba8" 
+    readonly property color statusInfo: "#ff89b4fa"
+
+    // ── 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: City Glow) ─────────────────────────────────────
+    readonly property color notifToastBg:      bgPopup
+    readonly property color notifToastBgHover: "#22ffffff"
+    readonly property color notifToastBorder:  borderPopup
+    readonly property color notifToastShadow:  "#88000000"
+    readonly property color notifToastText:    textMain
+    readonly property color notifToastDim:     textDim
+    readonly property color notifToastAppName: "#ff89b4fa"
+
+    // ── 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: "#44c19375"
+    readonly property color notifHistoryShadow: "#aa000000"
+    readonly property color notifHistoryHover:  "#11c19375"
+    readonly property color notifHistoryEmpty:  textDim
+}
--- a/config/themes/metropolitan.qml
+++ b/config/themes/metropolitan.qml
@@ -0,0 +1,161 @@
+pragma Singleton
+import QtQuick
+import Quickshell
+
+QtObject {
+    id: theme
+
+    // ── Wallpaper ──────────────────────────────────────────────────────────────
+    // Path updated to reflect the new vibe, though you may need to point this to your actual image
+    readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/metropolitan.jpg"
+
+    // ── Base Backgrounds ───────────────────────────────────────────────────────
+    readonly property color bg:      "#880d1117" // Deep midnight charcoal (80% trans)
+    readonly property color bgPanel: "transparent"
+    readonly property color bgPopup: "#88090c10" // Darker building shadow (93% trans)
+    readonly property color bgFrame: bg
+
+    // ── Separators ────────────────────────────────────────────────────────────
+    readonly property color separator: "#33565f89" // Slate blue structural gray
+
+    // ── Text ──────────────────────────────────────────────────────────────────
+    readonly property color textMain:  "#ffe0e6ed" // Bright office window white
+    readonly property color textDim:   "#9971798a" // Steel gray
+    readonly property color todayText: "#ffffffff"
+
+    // ── Accent & Borders ──────────────────────────────────────────────────────
+    readonly property color accent:       "#ffffb86c" // Warm street lamp amber
+    readonly property color border:       "transparent"
+    readonly property color borderPopup:  "#882e3440" // Dark girder 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: Night City Lights) ───────────────────────────
+    readonly property color statsBg:          bgPanel
+    readonly property color statsBorder:      border
+    readonly property color statsText:        "#ff71798a"
+    readonly property color statsRingColor:   accent
+    readonly property color statsCpuColor:    "#ffffb86c" // Streetlight gold
+    readonly property color statsMemColor:    "#ff9ece6a" // Train stripe green
+    readonly property color statsDiskColor:   "#ff7dcfff" // Cyan window light
+    readonly property color statsGpuColor:    "#fff7768e" // Traffic taillight red
+    readonly property color statsTrackColor:  "#15ffffff"
+
+    // ── Volume Module (Variation: Urban Sound) ────────────────────────────────
+    readonly property color volBg:           bgPanel
+    readonly property color volBgHover:      "#22565f89"
+    readonly property color volBorder:       border
+    readonly property color volBorderHover:  "#ff9ece6a"
+    readonly property color volPopupBg:      bgPopup
+    readonly property color volPopupBorder:  borderPopup
+    readonly property color volIcon:         "#ff9ece6a" 
+    readonly property color volIconMuted:    "#ff444b6a"
+    readonly property color volTrack:        "#22ffffff"
+    readonly property color volHandle:       accent
+    readonly property color volHandleBorder: "#33ffffff"
+    readonly property color volMuteBg:       "#33f7768e"
+    readonly property color volPickerHover:  "#15ffb86c"
+
+    // ── 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:     "#ff9ece6a" // Subtle green pulse
+    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:        "#aa000000"
+    readonly property color clockPopupHeader: "#ffffb86c"
+    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:      "#33565f89"
+    readonly property color wsActiveText:   "#ff0d1117" 
+    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: Neon Horizon) ─────────────────────────────────────
+    readonly property color launcherBg:               bgPopup
+    readonly property color launcherBorder:           "#44ffb86c"
+    readonly property color launcherInput:            "#66090c10"
+    readonly property color launcherInputBorderFocus: accent
+    readonly property color launcherPill:             "#44565f89"
+    readonly property color launcherText:             textMain
+    readonly property color launcherDim:              textDim
+    readonly property color launcherAccent:           accent
+    readonly property color launcherHover:            "#22ffb86c"
+    readonly property color launcherSelected:         "#44ffb86c"
+    readonly property color launcherModeActiveText:   "#ffffffff"
+    readonly property color launcherModeActiveBg:     accent
+
+    // ── Status Colors ──────────────────────────────────────────────────────────
+    readonly property color statusOk:   "#ff9ece6a" // Train green
+    readonly property color statusWarn: "#ffffb86c" // Streetlight amber
+    readonly property color statusErr:  "#fff7768e" // Taillight red
+    readonly property color statusInfo: "#ff7dcfff" // Window cyan
+
+    // ── 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: Tokyo Night) ───────────────────────────────────
+    readonly property color notifToastBg:      bgPopup
+    readonly property color notifToastBgHover: "#22ffffff"
+    readonly property color notifToastBorder:  borderPopup
+    readonly property color notifToastShadow:  "#88000000"
+    readonly property color notifToastText:    textMain
+    readonly property color notifToastDim:     textDim
+    readonly property color notifToastAppName: "#ff7dcfff"
+
+    // ── 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: "#44ffb86c"
+    readonly property color notifHistoryShadow: "#aa000000"
+    readonly property color notifHistoryHover:  "#11ffb86c"
+    readonly property color notifHistoryEmpty:  textDim
+}
--- a/config/themes/qmldir
+++ b/config/themes/qmldir
@@ -6,6 +6,13 @@ singleton Cosmic 1.0 cosmic.qml
 singleton Aurora 1.0 aurora.qml
 singleton Beach 1.0 beach.qml
 singleton Colorful 1.0 colorful.qml
+singleton Aero 1.0 aero.qml
+singleton Supreme 1.0 supreme.qml
+singleton Metropolitan 1.0 metropolitan.qml
+singleton Goldencity 1.0 goldencity.qml
+
+
+



--- a/config/themes/supreme.qml
+++ b/config/themes/supreme.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/supreme.jpg"
+
+    // ── Base Backgrounds ───────────────────────────────────────────────────────
+    readonly property color bg:      "#883d1c2b" // Deep berry wine (Translucent)
+    readonly property color bgPanel: "transparent"
+    readonly property color bgPopup: "#882d1621" // Darker velvet rose (95% trans)
+    readonly property color bgFrame: bg
+
+    // ── Separators ────────────────────────────────────────────────────────────
+    readonly property color separator: "#44ffb7ce"
+
+    // ── Text ──────────────────────────────────────────────────────────────────
+    readonly property color textMain:  "#ffffeff5" // Soft sugar white
+    readonly property color textDim:   "#aaefb4c1" // Muted petal pink
+    readonly property color todayText: "#ffffffff"
+
+    // ── Accent & Borders ──────────────────────────────────────────────────────
+    readonly property color accent:       "#ffff7eb9" // Neon bubblegum pink
+    readonly property color border:       "transparent"
+    readonly property color borderPopup:  "#66ff7eb9" // Glowing pink edge
+    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 (Candy Tones) ─────────────────────────────────────────────
+    readonly property color statsBg:          bgPanel
+    readonly property color statsBorder:      border
+    readonly property color statsText:        "#ffefb4c1"
+    readonly property color statsRingColor:   accent
+    readonly property color statsCpuColor:    "#ffff7eb9" // Hot pink
+    readonly property color statsMemColor:    "#ffee99ff" // Soft purple
+    readonly property color statsDiskColor:   "#ff70c5ce" // Cyan pop
+    readonly property color statsGpuColor:    "#ffff9a9e" // Pastel coral
+    readonly property color statsTrackColor:  "#15ffffff"
+
+    // ── Volume Module (Berry Glass) ───────────────────────────────────────────
+    readonly property color volBg:           bgPanel
+    readonly property color volBgHover:      "#22ffb7ce"
+    readonly property color volBorder:       border
+    readonly property color volBorderHover:  "#ffefb4c1"
+    readonly property color volPopupBg:      bgPopup
+    readonly property color volPopupBorder:  borderPopup
+    readonly property color volIcon:         "#ffff7eb9" 
+    readonly property color volIconMuted:    "#ff7d4d5e"
+    readonly property color volTrack:        "#22ffffff"
+    readonly property color volHandle:       accent
+    readonly property color volHandleBorder: "#33ffffff"
+    readonly property color volMuteBg:       "#33ff7eb9"
+    readonly property color volPickerHover:  "#15ff7eb9"
+
+    // ── 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:     "#ffff9a9e" // Pastel peach
+    readonly property color clockIcon:        accent
+    readonly property color clockSeparator:   separator
+    readonly property color clockText:        textMain
+    readonly property color clockShadow:      "#442d1621"
+
+    // ── Calendar Popup ─────────────────────────────────────────────────────────
+    readonly property color calCardBg:        bgPopup
+    readonly property color calCardBorder:    borderPopup
+    readonly property color calSeparator:     separator
+    readonly property color calShadow:        "#662d1621"
+    readonly property color clockPopupHeader: "#ffff7eb9"
+    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:      "#33ffb7ce"
+    readonly property color wsActiveText:   "#ff2d1621" // Dark contrast
+    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 (Pink Mist) ───────────────────────────────────────────────────
+    readonly property color launcherBg:               bgPopup
+    readonly property color launcherBorder:           "#66ff7eb9"
+    readonly property color launcherInput:            "#442d1621"
+    readonly property color launcherInputBorderFocus: accent
+    readonly property color launcherPill:             "#44ffb7ce"
+    readonly property color launcherText:             textMain
+    readonly property color launcherDim:              textDim
+    readonly property color launcherAccent:           accent
+    readonly property color launcherHover:            "#22ff7eb9"
+    readonly property color launcherSelected:         "#44ff7eb9"
+    readonly property color launcherModeActiveText:   "#ffffffff"
+    readonly property color launcherModeActiveBg:     accent
+
+    // ── Status Colors ──────────────────────────────────────────────────────────
+    readonly property color statusOk:   "#ffb8e994" 
+    readonly property color statusWarn: "#ffffd32a" 
+    readonly property color statusErr:  "#ffff4d4d" 
+    readonly property color statusInfo: "#ff70c5ce"
+
+    // ── 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 (Frosted Pink) ─────────────────────────────────────────────
+    readonly property color notifToastBg:      bgPopup
+    readonly property color notifToastBgHover: "#22ffffff"
+    readonly property color notifToastBorder:  borderPopup
+    readonly property color notifToastShadow:  "#442d1621"
+    readonly property color notifToastText:    textMain
+    readonly property color notifToastDim:     textDim
+    readonly property color notifToastAppName: "#ffff7eb9"
+
+    // ── 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: "#33ff7eb9"
+    readonly property color notifHistoryShadow: "#552d1621"
+    readonly property color notifHistoryHover:  "#11ff7eb9"
+    readonly property color notifHistoryEmpty:  textDim
+}