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 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: Night City Lights) ─────────────────────────── readonly property color statsBg: bgPanel readonly property color statsBorder: border 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 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" // ── Volume Limit Buttons ──────────────────────────────────────────────── readonly property color volLimitBtn: "transparent" readonly property color volLimitBtnHover: "#22ffffff" 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: "#ff9ece6a" // Subtle green pulse 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: "#ffffb86c" 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: "#ffffb86c" readonly property color netPopupText: textMain readonly property color netPopupDim: textDim readonly property color netFieldBg: "#22ffffff" readonly property color netCancelBgHover: "#22ffffff" readonly property color netConnectText: "#ff0d1117" 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: "#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 // ── 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: "#22ffb86c" readonly property color trayMenuCheck: accent readonly property color trayMenuSeparator: separator // ── 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 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 notifHistoryHover: "#11ffb86c" readonly property color notifHistoryEmpty: textDim // 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: "#22ffb86c" 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: "#ff0d1117" 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: "#aa000000" 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 }