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 frameBorder: "transparent" readonly property color borderPopup: "transparent" readonly property color borderToday: accent // ── Logo 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: Skyline Pulse) ─────────────────────────────── readonly property color statsBg: bgPanel readonly property color statsBorder: border 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 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" // ── Volume Limit Buttons ──────────────────────────────────────────────── readonly property color volLimitBtn: "transparent" readonly property color volLimitBtnHover: "#22c19375" readonly property color volLimitBtnPress: accent readonly property color volOutputLimitBtnPress: accent readonly property color volInputLimitBtnPress: statusInfo readonly property color volOutputLimitBtnHover: Qt.alpha(accent, 0.08) readonly property color volInputLimitBtnHover: Qt.alpha(statusInfo, 0.08) // ── 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 // ── 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: "#11ffffff" 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: "#ffc19375" 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: "#11ffffff" 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: "#ffc19375" readonly property color netPopupText: textMain readonly property color netPopupDim: textDim readonly property color netFieldBg: "#22ffffff" readonly property color netCancelBgHover: "#22ffffff" readonly property color netConnectText: "#ff0c0e12" 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: "#ffc19375" readonly property color clockPopupText: textMain readonly property color clockPopupDim: textDim readonly property color clockPopupDate: textMain // Numeric date in the popup (month/day/year) readonly property color clockPopupUtc: textDim // UTC offset label (e.g. UTC +2) readonly property color calArrowIcon: textDim // Default arrow glyph color readonly property color calArrowIconHover: "#ffc19375" // Hovered arrow — horizon gold readonly property color calArrowBg: "transparent" // Default button background readonly property color calArrowBgHover: "#22c19375" // Hovered button — soft gold tint readonly property color calArrowBgPress: "#ffc19375" // Pressed button — full horizon gold // ── 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 // ── 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: "#22c19375" // soft gold tint readonly property color trayMenuCheck: accent readonly property color trayMenuSeparator: separator // ── 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 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: borderPopup readonly property color notifHistoryHover: "#11c19375" readonly property color notifHistoryEmpty: textDim // ── BgDate Module ────────────────────────────────────────────────────────── readonly property color bgDateText: "#ffffffff" // Pure white (brightest possible) readonly property color bgDateShadow: "#88000000" // Slightly softer shadow to let the white glow readonly property color bgDateSecondsText: bgDateText // Brighter, more "sunlight" gold/yellow // ── Crypto Module ────────────────────────────────────────────────────────── readonly property color cryptoBg: bgPanel readonly property color cryptoBgHover: "#15ffffff" // subtle hover wash (matches other modules) readonly property color cryptoBorder: border readonly property color cryptoBorderHover: accent // horizon gold on hover / when popup is open readonly property color cryptoIcon: accent // coin glyph colour readonly property color cryptoLabel: textDim // "BTC/USD: " prefix readonly property color cryptoValue: textMain // price number on chip readonly property color cryptoUp: "#ffb4c9a1" // ▲ positive change — soft green readonly property color cryptoDown: "#fff38ba8" // ▼ negative change — soft red // Popup card readonly property color cryptoPopupBg: bgPopup readonly property color cryptoPopupBorder: borderPopup readonly property color cryptoPopupHeader: "#ffc19375" // horizon gold (matches clock popup) 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: "#ff0c0e12" readonly property color cryptoPlaceholder: Qt.rgba(textDim.r, textDim.g, textDim.b, 0.33) // ── Polkit Dialog ────────────────────────────────────────────────────────── // Overlay readonly property color polkitOverlayBg: "#bb000000" // dim backdrop behind the card // Card chrome readonly property color polkitCardBg: bgPopup // near-opaque deep shadow (matches bgPopup family) readonly property color polkitCardBorder: border // faint horizon-gold ring // Lock icon readonly property color polkitIconBg: "#1ec19375" // translucent gold fill readonly property color polkitIconBorder: "#44c19375" // stronger gold ring readonly property color polkitIconColor: accent // glyph — horizon gold // Text hierarchy readonly property color polkitTitle: textMain // "Authentication Required" readonly property color polkitMessage: "#cce8eef2" // main message (slightly dimmed) // Action-ID pill readonly property color polkitPillBg: "#1a4a5d6e" // muted sky-blue tint readonly property color polkitPillText: "#667a8996" // monospace action-id label // Divider between pill and supplementary area readonly property color polkitDivider: "#334a5d6e" // separator line // Supplementary message — error state readonly property color polkitSuppErrBg: "#1af38ba8" // translucent rose fill readonly property color polkitSuppErrBorder: "#44f38ba8" // rose ring readonly property color polkitSuppErrText: statusErr // rose icon + text // Supplementary message — info / ok state readonly property color polkitSuppOkBg: "#1ab4c9a1" // translucent sage fill readonly property color polkitSuppOkBorder: "#44b4c9a1" // sage ring readonly property color polkitSuppOkText: statusOk // sage icon + text // Fields (password input & identity selector share the same palette) readonly property color polkitFieldBg: "#44080a0d" // deep dark fill readonly property color polkitFieldBorder: "#22ffffff" // inactive border readonly property color polkitFieldBorderFocus: accent // focused border — horizon gold // Identity selector text readonly property color polkitUserLabel: "#997a8996" // "User:" prefix readonly property color polkitUserValue: accent // selected identity name // Input prompt label above the password field readonly property color polkitInputPrompt: "#887a8996" // dim label // TextInput inside the password field readonly property color polkitInputText: textMain // typed text readonly property color polkitInputSelection: "#55c19375" // selection highlight readonly property color polkitInputSelectedText: bg // text over selection // Eye / show-password toggle readonly property color polkitEyeIcon: "#667a8996" // default glyph readonly property color polkitEyeIconHover: accent // hovered glyph // Authenticate button readonly property color polkitAuthBg: "#ddc19375" // slightly-muted gold fill readonly property color polkitAuthBgHover: accent // full gold on hover readonly property color polkitAuthText: bg // dark label on gold // Cancel button readonly property color polkitCancelBg: "#0dffffff" // ghost fill readonly property color polkitCancelBgHover: "#22ffffff" // brighter ghost on hover readonly property color polkitCancelBorder: "#22ffffff" // outline readonly property color polkitCancelText: "#cce8eef2" // slightly-dimmed white label }