160 lines
10 KiB
QML
160 lines
10 KiB
QML
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 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: Cyan/Blue) ────────────────────────────────────
|
|
readonly property color statsBg: bgPanel
|
|
readonly property color statsBorder: border
|
|
readonly property color statsText: "#ff9ccfd8" // Soft Cyan text
|
|
readonly property color statsRingColor: "#ff31748f" // Deep Blue rings
|
|
readonly property color statsCpuColor: "#ff9ccfd8" // Light Blue
|
|
readonly property color statsMemColor: "#ffc4a7e7" // Soft Purple
|
|
readonly property color statsDiskColor: "#ffebbcba" // Muted Rose
|
|
readonly property color statsGpuColor: accent
|
|
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
|
|
readonly property color clockSeparator: separator
|
|
readonly property color clockText: textMain
|
|
readonly property color clockShadow: "#22000000"
|
|
|
|
// ── Calendar Popup ─────────────────────────────────────────────────────────
|
|
readonly property color calCardBg: bgPopup
|
|
readonly property color calCardBorder: borderPopup
|
|
readonly property color calSeparator: separator
|
|
readonly property color calShadow: "#44000000"
|
|
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
|
|
|
|
// ── 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
|
|
|
|
// ── Toast cards ────────────────────────────────────────────────────────────
|
|
readonly property color notifToastBg: bgPopup
|
|
readonly property color notifToastBgHover: "#443b224c"
|
|
readonly property color notifToastBorder: borderPopup
|
|
readonly property color notifToastShadow: "#33000000"
|
|
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 notifHistoryShadow: "#33000000"
|
|
readonly property color notifHistoryHover: "#22c4a7e7"
|
|
readonly property color notifHistoryEmpty: "#ff6e6a86"
|
|
}
|