un4seen/quickdots
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new themes + notif dnd

Browse Source
This commit is contained in:
SomeElse
2026-04-24 06:21:56 +00:00
parent 5f3b357344
commit f548be0bfe
20 changed files with 939 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
bar/modules/Notifications.qml
View File

@@ -20,6 +20,7 @@ Rectangle {
readonly property var t: Cfg.Config.theme readonly property var t: Cfg.Config.theme
property int unreadCount: 0 property int unreadCount: 0
property bool doNotDisturb: false
property bool historyOpen: historyPopup.popupOpen property bool historyOpen: historyPopup.popupOpen
width: 35 width: 35
@@ -27,7 +28,9 @@ Rectangle {
radius: panelRadius radius: panelRadius
color: hoverHandler.hovered ? t.notifBgHover : t.notifBg color: hoverHandler.hovered ? t.notifBgHover : t.notifBg
border.color: (hoverHandler.hovered || historyOpen) ? t.notifBorderActive : t.notifBorder border.color: root.doNotDisturb
? t.notifDnd
: ((hoverHandler.hovered || historyOpen) ? t.notifBorderActive : t.notifBorder)
border.width: borderWidth border.width: borderWidth
Behavior on color { ColorAnimation { duration: 150 } } Behavior on color { ColorAnimation { duration: 150 } }
@@ -54,8 +57,10 @@ Rectangle {
Text { Text {
id: bellIcon id: bellIcon
anchors.centerIn: parent anchors.centerIn: parent
text: "󰂚" text: root.doNotDisturb ? "󰂛" : "󰂚"
color: root.unreadCount > 0 ? t.notifIconActive : t.notifIcon color: root.doNotDisturb
? t.notifDnd
: (root.unreadCount > 0 ? t.notifIconActive : t.notifIcon)
font.pixelSize: Cfg.Config.notifIconSize font.pixelSize: Cfg.Config.notifIconSize
Behavior on color { ColorAnimation { duration: 150 } } Behavior on color { ColorAnimation { duration: 150 } }
} }
@@ -149,12 +154,13 @@ Rectangle {
timeStr: timeStr, timeStr: timeStr,
timeout: finalTimeout timeout: finalTimeout
} }
if (!root.doNotDisturb) {
if (toastLayer.atBottom) activeToasts.append(toastEntry) if (toastLayer.atBottom) activeToasts.append(toastEntry)
else activeToasts.insert(0, toastEntry) else activeToasts.insert(0, toastEntry)
if (!root.historyOpen) root.unreadCount++ if (!root.historyOpen) root.unreadCount++
} }
} }
}
PanelWindow { PanelWindow {
id: toastLayer id: toastLayer
@@ -297,6 +303,45 @@ Rectangle {
Layout.fillWidth: true; Layout.alignment: Qt.AlignVCenter Layout.fillWidth: true; Layout.alignment: Qt.AlignVCenter
} }
// ── Do Not Disturb toggle ─────────────────────────────
Rectangle {
Layout.alignment: Qt.AlignVCenter
width: dndRow.implicitWidth + 16
height: 24
radius: 12
color: root.doNotDisturb
? Qt.rgba(t.notifDnd.r, t.notifDnd.g, t.notifDnd.b, 0.18)
: (dndHover.hovered ? t.notifHistoryHover : "transparent")
border.color: root.doNotDisturb ? t.notifDnd : "transparent"
border.width: Cfg.Config.popupBorderWidth
Behavior on color { ColorAnimation { duration: 150 } }
Behavior on border.color { ColorAnimation { duration: 150 } }
Row {
id: dndRow
anchors.centerIn: parent
spacing: 4
Text {
text: "󰂛"
color: root.doNotDisturb ? t.notifDnd : t.notifToastDim
font.pixelSize: 12
anchors.verticalCenter: parent.verticalCenter
Behavior on color { ColorAnimation { duration: 150 } }
}
Text {
text: root.doNotDisturb ? "On" : "Off"
color: root.doNotDisturb ? t.notifDnd : t.notifToastDim
font.pixelSize: 11
font.bold: root.doNotDisturb
anchors.verticalCenter: parent.verticalCenter
Behavior on color { ColorAnimation { duration: 150 } }
}
}
HoverHandler { id: dndHover; cursorShape: Qt.PointingHandCursor }
TapHandler { onTapped: root.doNotDisturb = !root.doNotDisturb }
}
Rectangle { Rectangle {
visible: notifHistory.count > 0 visible: notifHistory.count > 0
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
@@ -308,7 +353,7 @@ Rectangle {
Text { id: clearText; anchors.centerIn: parent; text: "Clear all"; color: t.notifToastDim; font.pixelSize: 11 } Text { id: clearText; anchors.centerIn: parent; text: "Clear all"; color: t.notifToastDim; font.pixelSize: 11 }
HoverHandler { id: clearHover; cursorShape: Qt.PointingHandCursor } HoverHandler { id: clearHover; cursorShape: Qt.PointingHandCursor }
TapHandler { onTapped: { notifHistory.clear(); root.unreadCount = 0 } } TapHandler { onTapped: clearAllAnim.start() }
} }
} }
@@ -318,10 +363,31 @@ Rectangle {
anchors.topMargin: 12; height: 1; color: t.notifSeparator anchors.topMargin: 12; height: 1; color: t.notifSeparator
} }
SequentialAnimation {
id: clearAllAnim
ParallelAnimation {
NumberAnimation {
target: histCol; property: "opacity"
to: 0; duration: 220; easing.type: Easing.OutCubic
}
NumberAnimation {
target: clearShift; property: "y"
to: -16; duration: 220; easing.type: Easing.OutCubic
}
}
ScriptAction {
script: { notifHistory.clear(); root.unreadCount = 0 }
}
ParallelAnimation {
NumberAnimation { target: histCol; property: "opacity"; to: 1; duration: 0 }
NumberAnimation { target: clearShift; property: "y"; to: 0; duration: 0 }
}
}
Flickable { Flickable {
id: histFlick id: histFlick
anchors { left: parent.left; right: parent.right; top: histDivider.bottom; bottom: parent.bottom } anchors { left: parent.left; right: parent.right; top: histDivider.bottom; bottom: parent.bottom }
anchors.leftMargin: 8; anchors.rightMargin: 8 anchors.leftMargin: 2; anchors.rightMargin: 8
anchors.topMargin: 6; anchors.bottomMargin: 8; clip: true anchors.topMargin: 6; anchors.bottomMargin: 8; clip: true
contentHeight: histCol.implicitHeight contentHeight: histCol.implicitHeight
flickableDirection: Flickable.VerticalFlick flickableDirection: Flickable.VerticalFlick
@@ -329,7 +395,9 @@ Rectangle {
Column { Column {
id: histCol id: histCol
width: histFlick.width; spacing: 2; topPadding: 4; bottomPadding: 4; leftPadding: 8; rightPadding: 8 opacity: 1
transform: Translate { id: clearShift; y: 0 }
width: histFlick.width; spacing: 2; topPadding: 4; bottomPadding: 4; leftPadding: 2; rightPadding: 8
Item { Item {
width: histCol.width - 16; height: 90; visible: notifHistory.count === 0 width: histCol.width - 16; height: 90; visible: notifHistory.count === 0
@@ -343,7 +411,7 @@ Rectangle {
Repeater { Repeater {
model: notifHistory model: notifHistory
Notif.HistoryCard { Notif.HistoryCard {
width: histCol.width - 16; x: 8; itemIndex: index width: histCol.width - 10; x: 2; itemIndex: index
appName: model.appName; summary: model.summary; body: model.body; urgency: model.urgency; timeStr: model.timeStr appName: model.appName; summary: model.summary; body: model.body; urgency: model.urgency; timeStr: model.timeStr
t: root.t; urgencyColor: root.urgencyColor; urgencyIcon: root.urgencyIcon t: root.t; urgencyColor: root.urgencyColor; urgencyIcon: root.urgencyIcon
onDismissed: (idx) => notifHistory.remove(idx) onDismissed: (idx) => notifHistory.remove(idx)
@@ -355,3 +423,4 @@ Rectangle {
} }
} }
} }

22
bar/modules/Volume.qml
View File

@@ -340,11 +340,12 @@ Rectangle {
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
Layout.preferredWidth: 44 Layout.preferredWidth: 44
} }
// ── Mute toggle button ────────────────────────────────────────
Rectangle { Rectangle {
width: 22; height: 22; radius: 6 width: 22; height: 22; radius: 6
color: muteHover.hovered ? (vs.muted ? "#33ffffff" : "#22ffffff") : (vs.muted ? root.t.volMuteBg : "transparent") color: muteHover.hovered ? (vs.muted ? "#33ffffff" : "#22ffffff") : (vs.muted ? root.t.volMuteBg : "transparent")
border.color: vs.muted ? vs.accentColor : vs.dimColor border.color: vs.muted ? vs.accentColor : vs.dimColor
border.width: 1 border.width: Cfg.Config.popupBorderWidth
Text { Text {
anchors.centerIn: parent anchors.centerIn: parent
text: vs.muted ? "󰖁" : "󰕾" text: vs.muted ? "󰖁" : "󰕾"
@@ -370,6 +371,7 @@ Rectangle {
color: vs.muted ? vs.dimColor : vs.accentColor color: vs.muted ? vs.dimColor : vs.accentColor
} }
} }
// ── Volume slider handle ──────────────────────────────────────
Rectangle { Rectangle {
readonly property real ratio: vs.volume / Math.max(1, vs.maxVolume) readonly property real ratio: vs.volume / Math.max(1, vs.maxVolume)
x: Math.min(sliderItem.width - width, Math.max(0, sliderItem.width * ratio - width / 2)) x: Math.min(sliderItem.width - width, Math.max(0, sliderItem.width * ratio - width / 2))
@@ -377,7 +379,7 @@ Rectangle {
width: Cfg.Config.volumeHandleSize; height: Cfg.Config.volumeHandleSize; radius: width / 2 width: Cfg.Config.volumeHandleSize; height: Cfg.Config.volumeHandleSize; radius: width / 2
color: vs.muted ? vs.dimColor : vs.accentColor color: vs.muted ? vs.dimColor : vs.accentColor
border.color: root.t.volHandleBorder border.color: root.t.volHandleBorder
border.width: 1 border.width: Cfg.Config.popupBorderWidth
} }
MouseArea { MouseArea {
anchors.fill: parent; cursorShape: Qt.PointingHandCursor anchors.fill: parent; cursorShape: Qt.PointingHandCursor
@@ -401,11 +403,12 @@ Rectangle {
elide: Text.ElideRight elide: Text.ElideRight
Layout.fillWidth: true Layout.fillWidth: true
} }
// ── Device picker chevron ─────────────────────────────────────
Rectangle { Rectangle {
width: 20; height: 20; radius: 5 width: 20; height: 20; radius: 5
color: chevHover.hovered ? "#22ffffff" : "transparent" color: chevHover.hovered ? "#22ffffff" : "transparent"
border.color: vs.pickerOpen ? vs.accentColor : root.t.volPopupBorder border.color: vs.pickerOpen ? vs.accentColor : root.t.volPopupBorder
border.width: 1 border.width: Cfg.Config.popupBorderWidth
Text { Text {
anchors.centerIn: parent anchors.centerIn: parent
text: vs.pickerOpen ? "󰅃" : "󰅀" text: vs.pickerOpen ? "󰅃" : "󰅀"
@@ -445,8 +448,9 @@ Rectangle {
readonly property bool isActive: vs.currentNode !== null && modelData.id === vs.currentNode.id readonly property bool isActive: vs.currentNode !== null && modelData.id === vs.currentNode.id
Layout.fillWidth: true; height: 28; radius: 7 Layout.fillWidth: true; height: 28; radius: 7
color: isActive ? Qt.alpha(vs.accentColor, 0.18) : (rowHover.hovered ? root.t.volPickerHover : "transparent") color: isActive ? Qt.alpha(vs.accentColor, 0.18) : (rowHover.hovered ? root.t.volPickerHover : "transparent")
// ── Device row border ─────────────────────────────
border.color: isActive ? Qt.alpha(vs.accentColor, 0.45) : "transparent" border.color: isActive ? Qt.alpha(vs.accentColor, 0.45) : "transparent"
border.width: 1 border.width: Cfg.Config.popupBorderWidth
RowLayout { RowLayout {
anchors { fill: parent; leftMargin: 8; rightMargin: 8 } anchors { fill: parent; leftMargin: 8; rightMargin: 8 }
spacing: 8 spacing: 8
@@ -454,7 +458,7 @@ Rectangle {
width: 6; height: 6; radius: 3 width: 6; height: 6; radius: 3
color: isActive ? vs.accentColor : "transparent" color: isActive ? vs.accentColor : "transparent"
border.color: isActive ? "transparent" : vs.dimColor border.color: isActive ? "transparent" : vs.dimColor
border.width: 1 border.width: Cfg.Config.popupBorderWidth
} }
Text { Text {
text: modelData.description || modelData.nickName || modelData.name text: modelData.description || modelData.nickName || modelData.name
@@ -495,10 +499,12 @@ Rectangle {
font.pixelSize: 11 font.pixelSize: 11
Layout.fillWidth: true Layout.fillWidth: true
} }
// ── Decrement button ──────────────────────────────────────────────
Rectangle { Rectangle {
width: 22; height: 22; radius: 5 width: 22; height: 22; radius: 5
color: decHover.hovered ? "#22ffffff" : "transparent" color: decHover.hovered ? "#22ffffff" : "transparent"
border.color: lr.borderColor; border.width: 1 border.color: lr.borderColor
border.width: Cfg.Config.popupBorderWidth
Text { Text {
anchors.centerIn: parent; text: "−" anchors.centerIn: parent; text: "−"
color: lr.value <= lr.minValue ? lr.dimColor : lr.textColor color: lr.value <= lr.minValue ? lr.dimColor : lr.textColor
@@ -514,10 +520,12 @@ Rectangle {
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
Layout.preferredWidth: 44 Layout.preferredWidth: 44
} }
// ── Increment button ──────────────────────────────────────────────
Rectangle { Rectangle {
width: 22; height: 22; radius: 5 width: 22; height: 22; radius: 5
color: incHover.hovered ? "#22ffffff" : "transparent" color: incHover.hovered ? "#22ffffff" : "transparent"
border.color: lr.borderColor; border.width: 1 border.color: lr.borderColor
border.width: Cfg.Config.popupBorderWidth
Text { Text {
anchors.centerIn: parent; text: "+" anchors.centerIn: parent; text: "+"
color: lr.value >= lr.maxValue ? lr.dimColor : lr.textColor color: lr.value >= lr.maxValue ? lr.dimColor : lr.textColor

2
config/config.qml
View File

@@ -6,7 +6,7 @@ import "themes"
QtObject { QtObject {
id: root id: root
readonly property var theme: Everforest readonly property var theme: Colorful
// ──────────────────────────────────────────────────────────────────────── // ────────────────────────────────────────────────────────────────────────
// Widgets // Widgets

161
config/themes/aurora.qml Normal file
View File

@@ -0,0 +1,161 @@
pragma Singleton
import QtQuick
import Quickshell
QtObject {
id: theme
// ── Wallpaper ──────────────────────────────────────────────────────────────
readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallhaven-yjr3kk.png"
// ── Base Backgrounds ───────────────────────────────────────────────────────
readonly property color bg: "#660b111a" // Midnight blue (60% trans)
readonly property color bgPanel: "transparent"
readonly property color bgPopup: "#66070c14" // Deep space navy (60% trans)
readonly property color bgFrame: bg
// ── Separators ────────────────────────────────────────────────────────────
readonly property color separator: "#3382e6ff"
// ── Text ──────────────────────────────────────────────────────────────────
readonly property color textMain: "#ffe0f7ff" // Starlight white
readonly property color textDim: "#997a94ad" // Muted nebula blue
readonly property color todayText: "#ffffffff"
// ── Accent & Borders ──────────────────────────────────────────────────────
readonly property color accent: "#ff00d9ff" // Electric comet cyan
readonly property color border: "transparent"
readonly property color borderPopup: "#881e3a5f" // Deep Atlantic 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: Cosmic Cyan) ──────────────────────────────────
readonly property color statsBg: bgPanel
readonly property color statsBorder: border
readonly property color statsText: "#ff82e6ff"
readonly property color statsRingColor: accent
readonly property color statsCpuColor: "#ff00f2ff"
readonly property color statsMemColor: "#ffbc7fff" // Trail violet
readonly property color statsDiskColor: "#ff7fbaff" // Sky blue
readonly property color statsGpuColor: "#ff3df5ff" // Bright teal
readonly property color statsTrackColor: "#15ffffff"
// ── Volume Module (Variation: Comet Purple) ────────────────────────────────
readonly property color volBg: bgPanel
readonly property color volBgHover: "#223d4e6d"
readonly property color volBorder: border
readonly property color volBorderHover: "#ffbc7fff"
readonly property color volPopupBg: bgPopup
readonly property color volPopupBorder: borderPopup
readonly property color volIcon: "#ffbc7fff" // Soft violet
readonly property color volIconMuted: "#ff5c6a82"
readonly property color volTrack: "#22ffffff"
readonly property color volHandle: accent
readonly property color volHandleBorder: "#33ffffff"
readonly property color volMuteBg: "#33ff4b4b"
readonly property color volPickerHover: "#1500d9ff"
// ── 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: "#ffbc7fff" // Purple seconds
readonly property color clockIcon: accent
readonly property color clockSeparator: separator
readonly property color clockText: textMain
readonly property color clockShadow: "#66000000"
// ── Calendar Popup ─────────────────────────────────────────────────────────
readonly property color calCardBg: bgPopup
readonly property color calCardBorder: borderPopup
readonly property color calSeparator: separator
readonly property color calShadow: "#88000000"
readonly property color clockPopupHeader: "#ff82e6ff"
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: "#331e3a5f"
readonly property color wsActiveText: "#ff050a14"
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: Starfield Navy) ───────────────────────────────────
readonly property color launcherBg: bgPopup
readonly property color launcherBorder: "#4400d9ff"
readonly property color launcherInput: "#44050a14"
readonly property color launcherInputBorderFocus: accent
readonly property color launcherPill: "#441e3a5f"
readonly property color launcherText: textMain
readonly property color launcherDim: textDim
readonly property color launcherAccent: accent
readonly property color launcherHover: "#2200d9ff"
readonly property color launcherSelected: "#4400d9ff"
readonly property color launcherModeActiveText: "#ffffffff"
readonly property color launcherModeActiveBg: accent
// ── Status Colors ──────────────────────────────────────────────────────────
readonly property color statusOk: "#ff7fff95"
readonly property color statusWarn: "#ffffcc00"
readonly property color statusErr: "#ffff4b4b"
readonly property color statusInfo: "#ff00d9ff"
// ── 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: Nebula) ────────────────────────────────────────
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: "#ffbc7fff"
// ── 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: "#3300d9ff"
readonly property color notifHistoryShadow: "#55000000"
readonly property color notifHistoryHover: "#1100d9ff"
readonly property color notifHistoryEmpty: textDim
}

160
config/themes/beach.qml Normal file
View File

@@ -0,0 +1,160 @@
pragma Singleton
import QtQuick
import Quickshell
QtObject {
id: theme
// ── Wallpaper ──────────────────────────────────────────────────────────────
readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallhaven-47915y.jpg"
// ── Base Backgrounds ───────────────────────────────────────────────────────
readonly property color bg: "#661a212e" // Muted deep sea blue (60% trans)
readonly property color bgPanel: "transparent"
readonly property color bgPopup: "#66141a24" // Darker coastal navy (60% trans)
readonly property color bgFrame: bg
// ── Separators ────────────────────────────────────────────────────────────
readonly property color separator: "#33a5b9c4"
// ── Text ──────────────────────────────────────────────────────────────────
readonly property color textMain: "#ffeef2f5" // Soft cloud white
readonly property color textDim: "#99a5b9c4" // Muted horizon gray
readonly property color todayText: "#ffffffff"
// ── Accent & Borders ──────────────────────────────────────────────────────
readonly property color accent: "#ffebc6a0" // Warm sunset reflection
readonly property color border: "transparent"
readonly property color borderPopup: "#884a5d6e" // Slate blue border
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: Shoreline Tones) ──────────────────────────────
readonly property color statsBg: bgPanel
readonly property color statsBorder: border
readonly property color statsText: "#ffa5b9c4"
readonly property color statsRingColor: accent
readonly property color statsCpuColor: "#ffebc6a0" // Sunset gold
readonly property color statsMemColor: "#ff8fa3b0" // Ocean mist
readonly property color statsDiskColor: "#ffc2d1d9" // Bright sky blue
readonly property color statsGpuColor: "#ffd9a385" // Sand tan
readonly property color statsTrackColor: "#15ffffff"
// ── Volume Module (Variation: Deep Water) ──────────────────────────────────
readonly property color volBg: bgPanel
readonly property color volBgHover: "#224a5d6e"
readonly property color volBorder: border
readonly property color volBorderHover: "#ff8fa3b0"
readonly property color volPopupBg: bgPopup
readonly property color volPopupBorder: borderPopup
readonly property color volIcon: "#ff8fa3b0"
readonly property color volIconMuted: "#ff5a6b78"
readonly property color volTrack: "#22ffffff"
readonly property color volHandle: accent
readonly property color volHandleBorder: "#33ffffff"
readonly property color volMuteBg: "#33d9a385"
readonly property color volPickerHover: "#15ebc6a0"
// ── 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: "#ffd9a385" // Sun-glow 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: "#ffebc6a0"
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: "#334a5d6e"
readonly property color wsActiveText: "#ff1a212e"
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: Morning Mist) ─────────────────────────────────────
readonly property color launcherBg: bgPopup
readonly property color launcherBorder: "#33ebc6a0"
readonly property color launcherInput: "#44141a24"
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: "#22ebc6a0"
readonly property color launcherSelected: "#44ebc6a0"
readonly property color launcherModeActiveText: "#ffffffff"
readonly property color launcherModeActiveBg: accent
// ── Status Colors ──────────────────────────────────────────────────────────
readonly property color statusOk: "#ffb4c9a1"
readonly property color statusWarn: "#ffebc6a0"
readonly property color statusErr: "#ffd9a385"
readonly property color statusInfo: "#ff8fa3b0"
// ── 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: Dusk) ──────────────────────────────────────────
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: "#ff8fa3b0"
// ── 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: "#33ebc6a0"
readonly property color notifHistoryShadow: "#55000000"
readonly property color notifHistoryHover: "#11ebc6a0"
readonly property color notifHistoryEmpty: textDim
}

161
config/themes/colorful.qml Normal file
View File

@@ -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
}

BIN
config/themes/core Normal file
View File

Binary file not shown.

160
config/themes/cosmic.qml Normal file
View File

@@ -0,0 +1,160 @@
pragma Singleton
import QtQuick
import Quickshell
QtObject {
id: theme
// ── Wallpaper ──────────────────────────────────────────────────────────────
readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallhaven-yxjm57.jpg"
// ── Base Backgrounds ───────────────────────────────────────────────────────
readonly property color bg: "#660d1326" // Deep twilight blue (60% trans)
readonly property color bgPanel: "transparent"
readonly property color bgPopup: "#66090e1c" // Darker star-field navy (60% trans)
readonly property color bgFrame: bg
// ── Separators ────────────────────────────────────────────────────────────
readonly property color separator: "#33a2d2ff"
// ── Text ──────────────────────────────────────────────────────────────────
readonly property color textMain: "#ffe0f2ff" // Brighter starlight white
readonly property color textDim: "#997a89ad" // Muted sky blue
readonly property color todayText: "#ffffffff"
// ── Accent & Borders ──────────────────────────────────────────────────────
readonly property color accent: "#ffbdf0ff" // Comet core (bright cyan-white)
readonly property color border: "transparent"
readonly property color borderPopup: "#883d4a6d" // Softened nebula 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: Comet Trail) ──────────────────────────────────
readonly property color statsBg: bgPanel
readonly property color statsBorder: border
readonly property color statsText: "#ffa2d2ff"
readonly property color statsRingColor: accent
readonly property color statsCpuColor: "#ffbdf0ff"
readonly property color statsMemColor: "#ffcfb3ff" // Nebula purple
readonly property color statsDiskColor: "#ffffc2e0" // Horizon pink
readonly property color statsGpuColor: accent
readonly property color statsTrackColor: "#15ffffff"
// ── Volume Module (Variation: Nebula Purple) ───────────────────────────────
readonly property color volBg: bgPanel
readonly property color volBgHover: "#224a527a"
readonly property color volBorder: border
readonly property color volBorderHover: "#ffcfb3ff"
readonly property color volPopupBg: bgPopup
readonly property color volPopupBorder: borderPopup
readonly property color volIcon: "#ffcfb3ff"
readonly property color volIconMuted: "#ff6e7a9e"
readonly property color volTrack: "#22ffffff"
readonly property color volHandle: accent
readonly property color volHandleBorder: "#33ffffff"
readonly property color volMuteBg: "#33ffb3d1"
readonly property color volPickerHover: "#15bdf0ff"
// ── 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: "#ffffc2e0" // Horizon pink
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: "#ffcfb3ff"
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: "#333d4a6d"
readonly property color wsActiveText: "#ff0d1326"
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: Midnight Starfield) ───────────────────────────────
readonly property color launcherBg: bgPopup
readonly property color launcherBorder: "#33bdf0ff"
readonly property color launcherInput: "#44090e1c"
readonly property color launcherInputBorderFocus: accent
readonly property color launcherPill: "#443d4a6d"
readonly property color launcherText: textMain
readonly property color launcherDim: textDim
readonly property color launcherAccent: accent
readonly property color launcherHover: "#22bdf0ff"
readonly property color launcherSelected: "#44bdf0ff"
readonly property color launcherModeActiveText: "#ffffffff"
readonly property color launcherModeActiveBg: accent
// ── Status Colors ──────────────────────────────────────────────────────────
readonly property color statusOk: "#ffb8ebb0"
readonly property color statusWarn: "#ffffebc2"
readonly property color statusErr: "#ffffb3d1"
readonly property color statusInfo: "#ffbdf0ff"
// ── 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: Horizon Dusk) ──────────────────────────────────
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: "#ffcfb3ff"
// ── 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: "#33bdf0ff"
readonly property color notifHistoryShadow: "#55000000"
readonly property color notifHistoryHover: "#11bdf0ff"
readonly property color notifHistoryEmpty: textDim
}

6
config/themes/everforest.qml
View File

@@ -6,7 +6,7 @@ QtObject {
id: theme id: theme
// ── Wallpaper ────────────────────────────────────────────────────────────── // ── Wallpaper ──────────────────────────────────────────────────────────────
readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpaper.jpg" readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallpaper.jpg"
// ── Base Backgrounds ─────────────────────────────────────────────────────── // ── Base Backgrounds ───────────────────────────────────────────────────────
readonly property color bg: "#aa0a1410" readonly property color bg: "#aa0a1410"
@@ -131,6 +131,8 @@ QtObject {
readonly property color notifBadgeBg: statusErr readonly property color notifBadgeBg: statusErr
readonly property color notifBadgeText: "#ff0e1410" readonly property color notifBadgeText: "#ff0e1410"
readonly property color notifSeparator: separator readonly property color notifSeparator: separator
readonly property color notifDnd: separator
// ── Toast cards ──────────────────────────────────────────────────────────── // ── Toast cards ────────────────────────────────────────────────────────────
readonly property color notifToastBg: bgPopup readonly property color notifToastBg: bgPopup
@@ -157,3 +159,5 @@ QtObject {
readonly property color notifHistoryHover: "#22ffffff" readonly property color notifHistoryHover: "#22ffffff"
readonly property color notifHistoryEmpty: textDim readonly property color notifHistoryEmpty: textDim
} }

159
config/themes/neonica.qml Normal file
View File

@@ -0,0 +1,159 @@
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"
}

8
config/themes/qmldir
View File

@@ -1,3 +1,11 @@
module themes module themes
singleton Everforest 1.0 everforest.qml singleton Everforest 1.0 everforest.qml
singleton Neonica 1.0 neonica.qml
singleton Cosmic 1.0 cosmic.qml
singleton Aurora 1.0 aurora.qml
singleton Beach 1.0 beach.qml
singleton Colorful 1.0 colorful.qml

6
launcher/Launcher.qml
View File

@@ -189,12 +189,14 @@ PanelWindow {
anchors.margins: 14 anchors.margins: 14
spacing: 10 spacing: 10
// ── Search input ──────────────────────────────────────────
Rectangle { Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
height: 44 height: 44
radius: 10 radius: 10
color: t.launcherInput color: t.launcherInput
border.color: searchInput.activeFocus ? t.launcherInputBorderFocus : t.launcherBorder border.color: searchInput.activeFocus ? t.launcherInputBorderFocus : t.launcherBorder
border.width: Cfg.Config.popupBorderWidth
Behavior on color { NumberAnimation { duration: 180 } } Behavior on color { NumberAnimation { duration: 180 } }
@@ -251,6 +253,7 @@ PanelWindow {
radius: 8 radius: 8
color: t.launcherPill color: t.launcherPill
border.color: t.launcherBorder border.color: t.launcherBorder
border.width: Cfg.Config.popupBorderWidth
RowLayout { RowLayout {
id: modeRow id: modeRow
@@ -280,6 +283,7 @@ PanelWindow {
} }
} }
// ── Proxychains toggle ────────────────────────────
Rectangle { Rectangle {
id: proxyBtn id: proxyBtn
height: 28 height: 28
@@ -287,7 +291,7 @@ PanelWindow {
radius: 8 radius: 8
color: root.proxyMode ? Qt.rgba(1, 0.35, 0.35, 0.22) : t.launcherPill color: root.proxyMode ? Qt.rgba(1, 0.35, 0.35, 0.22) : t.launcherPill
border.color: root.proxyMode ? Qt.rgba(1, 0.35, 0.35, 0.65) : t.launcherBorder border.color: root.proxyMode ? Qt.rgba(1, 0.35, 0.35, 0.65) : t.launcherBorder
border.width: 1 border.width: Cfg.Config.popupBorderWidth
Behavior on color { ColorAnimation { duration: 150 } } Behavior on color { ColorAnimation { duration: 150 } }
Behavior on border.color { ColorAnimation { duration: 150 } } Behavior on border.color { ColorAnimation { duration: 150 } }

5
notifications/NotificationCard.qml
View File

@@ -2,6 +2,8 @@ import QtQuick
import QtQuick.Layouts import QtQuick.Layouts
import Quickshell.Services.Notifications import Quickshell.Services.Notifications
import "../../config" as Cfg
Item { Item {
id: root id: root
@@ -64,7 +66,7 @@ Item {
border.color: root.urgency === NotificationUrgency.Critical border.color: root.urgency === NotificationUrgency.Critical
? root.t.notifUrgencyCritical ? root.t.notifUrgencyCritical
: (cardHover.hovered ? root.t.notifBorderActive : root.t.notifToastBorder) : (cardHover.hovered ? root.t.notifBorderActive : root.t.notifToastBorder)
border.width: 1 border.width: Cfg.Config.popupBorderWidth
layer.enabled: true layer.enabled: true
Behavior on color { ColorAnimation { duration: 150; easing.type: Easing.OutCubic } } Behavior on color { ColorAnimation { duration: 150; easing.type: Easing.OutCubic } }
@@ -189,3 +191,4 @@ Item {
} }
} }
} }

BIN
wallpapers/wallhaven-47915y.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 217 KiB

BIN
wallpapers/wallhaven-yjr3kk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 MiB

BIN
wallpapers/wallhaven-yxjm57.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 MiB

BIN
wallpapers/wallpaper-new.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 MiB

BIN
wallpapers/wallpaper-old.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

0
wallpaper.jpg → wallpapers/wallpaper.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

25
widgets/bgDate/BgDate.qml
View File

@@ -14,21 +14,32 @@ PanelWindow {
WlrLayershell.exclusiveZone: -1 WlrLayershell.exclusiveZone: -1
mask: Region {} mask: Region {}
property string dateString: ""
function updateDate() {
let d = new Date();
dateString = d.toLocaleDateString(Qt.locale(), "dddd, d MMMM yyyy");
}
Component.onCompleted: updateDate()
Text { Text {
id: clockText id: dateText
anchors.centerIn: parent anchors.centerIn: parent
color: Cfg.Config.theme.clockText color: Cfg.Config.theme.clockText
styleColor: Cfg.Config.theme.clockShadow styleColor: Cfg.Config.theme.clockShadow
font.pixelSize: 100 font.pixelSize: 64
font.weight: Font.Thin font.weight: Font.ExtraLight
style: Text.Outline font.letterSpacing: 4
text: new Date().toLocaleTimeString(Qt.locale(), "HH:mm") opacity: 0.55
style: Text.DropShadow
text: dateString
} }
Timer { Timer {
interval: 1000 interval: 60000
running: true running: true
repeat: true repeat: true
onTriggered: clockText.text = new Date().toLocaleTimeString(Qt.locale(), "HH:mm") onTriggered: updateDate()
} }
} }