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 logoBg: bgPanel readonly property color logoBgHover: "#22ffffff" readonly property color logoBorder: border readonly property color logoBorderActive: accent readonly property color logoIcon: textMain readonly property color logoIconActive: accent // ── Stats Module (Variation: Cyan/Blue) ──────────────────────────────────── readonly property color statsBg: bgPanel readonly property color statsBorder: border readonly property color statsCpuColor: "#ff9ccfd8" // Light Blue readonly property color statsMemColor: "#ffc4a7e7" // Soft Purple readonly property color statsDiskColor: "#ffebbcba" // Muted Rose 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 // ── Battery Module ──────────────────────────────────────────────────────── readonly property color batteryFull: accent readonly property color batteryCharging: accent readonly property color batteryCritical: statusErr readonly property color batteryLow: statusWarn readonly property color batteryIcon: clockIcon readonly property color batBg: bgPanel readonly property color batBgHover: "#22ffffff" readonly property color batBorder: border readonly property color batBorderHover: accent readonly property color batText: textMain readonly property color batPopupBg: bgPopup readonly property color batPopupBorder: borderPopup readonly property color batPopupSeparator: separator readonly property color batPopupHeader: "#ff9ccfd8" readonly property color batPopupText: textMain readonly property color batPopupDim: textDim readonly property color batProgressTrack: separator readonly property color batProfileActiveText: bg // ── Network Module ──────────────────────────────────────────────────────── readonly property color netBg: bgPanel readonly property color netBgHover: "#22ffffff" readonly property color netBorder: border readonly property color netBorderHover: accent readonly property color netText: textMain readonly property color netPopupBg: bgPopup readonly property color netPopupBorder: borderPopup readonly property color netPopupSeparator: separator readonly property color netPopupHeader: "#ff9ccfd8" readonly property color netPopupText: textMain readonly property color netPopupDim: textDim readonly property color netFieldBg: "#22ffffff" readonly property color netCancelBgHover: "#22ffffff" readonly property color netConnectText: "#ff0d0b1c" readonly property color netApActiveBg: Qt.alpha(accent, 0.15) readonly property color netApHoverBg: calArrowBgHover readonly property color netDisconnectBg: Qt.alpha(statusErr, 0.18) readonly property color netDisconnectBorder: Qt.alpha(statusErr, 0.45) readonly property color netWiredOkBg: Qt.alpha(statusOk, 0.12) readonly property color netWiredErrBg: Qt.alpha(statusErr, 0.12) readonly property color netWiredOkBorder: Qt.alpha(statusOk, 0.4) readonly property color netWiredErrBorder: Qt.alpha(statusErr, 0.4) // ── Calendar Popup ───────────────────────────────────────────────────────── readonly property color calCardBg: bgPopup readonly property color calCardBorder: borderPopup readonly property color calSeparator: separator 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 // ── Tray Context Menu ────────────────────────────────────────────────────── readonly property color trayMenuBg: bgPopup readonly property color trayMenuBorder: borderPopup readonly property color trayMenuText: textMain readonly property color trayMenuDim: textDim readonly property color trayMenuHover: "#22ff2e97" readonly property color trayMenuCheck: accent readonly property color trayMenuSeparator: separator // ── 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 readonly property color notifDnd: separator // ── Toast cards ──────────────────────────────────────────────────────────── readonly property color notifToastBg: bgPopup readonly property color notifToastBgHover: "#443b224c" readonly property color notifToastBorder: borderPopup 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 notifHistoryHover: "#22c4a7e7" readonly property color notifHistoryEmpty: "#ff6e6a86" // new variables adapted readonly property color frameBorder: "transparent" readonly property color clockPopupDate: textMain readonly property color clockPopupUtc: textDim readonly property color calArrowIcon: textDim readonly property color calArrowIconHover: accent readonly property color calArrowBg: "transparent" readonly property color calArrowBgHover: "#22ff2e97" readonly property color calArrowBgPress: accent // ── Crypto Module ────────────────────────────────────────────────────────── readonly property color cryptoBg: bgPanel readonly property color cryptoBgHover: "#15ffffff" readonly property color cryptoBorder: border readonly property color cryptoBorderHover: accent readonly property color cryptoIcon: accent readonly property color cryptoLabel: textDim readonly property color cryptoValue: textMain readonly property color cryptoUp: statusOk readonly property color cryptoDown: statusErr readonly property color cryptoPopupBg: bgPopup readonly property color cryptoPopupBorder: borderPopup readonly property color cryptoPopupHeader: accent readonly property color cryptoPopupText: textMain readonly property color cryptoPopupDim: textDim // Tinted surfaces (derived from main colours) readonly property color cryptoUpBg: Qt.rgba(cryptoUp.r, cryptoUp.g, cryptoUp.b, 0.13) readonly property color cryptoDownBg: Qt.rgba(cryptoDown.r, cryptoDown.g, cryptoDown.b, 0.13) readonly property color cryptoChipRemoveBg: Qt.rgba(cryptoDown.r, cryptoDown.g, cryptoDown.b, 0.27) readonly property color cryptoApplyIdleBg: Qt.rgba(accent.r, accent.g, accent.b, 0.20) readonly property color cryptoFieldBg: "#15ffffff" readonly property color cryptoFieldBgFocus: "#22ffffff" readonly property color cryptoRangeTrack: "#1affffff" readonly property color cryptoTextOnAccent: "#ff0d0b1c" readonly property color cryptoPlaceholder: Qt.rgba(textDim.r, textDim.g, textDim.b, 0.33) // ── BgDate Module ────────────────────────────────────────────────────────── readonly property color bgDateText: textMain readonly property color bgDateShadow: "#44000000" readonly property color bgDateSecondsText: textMain // ── Polkit Dialog ────────────────────────────────────────────────────────── // Overlay readonly property color polkitOverlayBg: "#bb000000" // Card chrome readonly property color polkitCardBg: bgPopup readonly property color polkitCardBorder: Qt.rgba(accent.r, accent.g, accent.b, 0.16) // Lock icon readonly property color polkitIconBg: Qt.rgba(accent.r, accent.g, accent.b, 0.12) readonly property color polkitIconBorder: Qt.rgba(accent.r, accent.g, accent.b, 0.27) readonly property color polkitIconColor: accent // Text hierarchy readonly property color polkitTitle: textMain readonly property color polkitMessage: textMain // Action-ID pill readonly property color polkitPillBg: Qt.rgba(textDim.r, textDim.g, textDim.b, 0.10) readonly property color polkitPillText: textDim // Divider readonly property color polkitDivider: separator // Supplementary message — error state readonly property color polkitSuppErrBg: Qt.rgba(statusErr.r, statusErr.g, statusErr.b, 0.10) readonly property color polkitSuppErrBorder: Qt.rgba(statusErr.r, statusErr.g, statusErr.b, 0.27) readonly property color polkitSuppErrText: statusErr // Supplementary message — info / ok state readonly property color polkitSuppOkBg: Qt.rgba(statusOk.r, statusOk.g, statusOk.b, 0.10) readonly property color polkitSuppOkBorder: Qt.rgba(statusOk.r, statusOk.g, statusOk.b, 0.27) readonly property color polkitSuppOkText: statusOk // Fields (password input & identity selector) readonly property color polkitFieldBg: launcherInput readonly property color polkitFieldBorder: "#22ffffff" readonly property color polkitFieldBorderFocus: accent // Identity selector text readonly property color polkitUserLabel: textDim readonly property color polkitUserValue: accent // Input prompt label above password field readonly property color polkitInputPrompt: textDim // TextInput inside password field readonly property color polkitInputText: textMain readonly property color polkitInputSelection: Qt.rgba(accent.r, accent.g, accent.b, 0.33) readonly property color polkitInputSelectedText: bg // Eye / show-password toggle readonly property color polkitEyeIcon: textDim readonly property color polkitEyeIconHover: accent // Authenticate button readonly property color polkitAuthBg: accent readonly property color polkitAuthBgHover: Qt.lighter(accent, 1.15) readonly property color polkitAuthText: bg // Cancel button readonly property color polkitCancelBg: "transparent" readonly property color polkitCancelBgHover: "#22ffffff" readonly property color polkitCancelBorder: "#22ffffff" readonly property color polkitCancelText: textDim }