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/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
+}