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

95
bar/modules/Notifications.qml
View File

@@ -19,15 +19,18 @@ Rectangle {
property int barMargin: Cfg.Config.margin
readonly property var t: Cfg.Config.theme
property int unreadCount: 0
property bool historyOpen: historyPopup.popupOpen
property int unreadCount: 0
property bool doNotDisturb: false
property bool historyOpen: historyPopup.popupOpen
width: 35
height: 40
radius: panelRadius
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
Behavior on color { ColorAnimation { duration: 150 } }
@@ -54,8 +57,10 @@ Rectangle {
Text {
id: bellIcon
anchors.centerIn: parent
text: "󰂚"
color: root.unreadCount > 0 ? t.notifIconActive : t.notifIcon
text: root.doNotDisturb ? "󰂛" : "󰂚"
color: root.doNotDisturb
? t.notifDnd
: (root.unreadCount > 0 ? t.notifIconActive : t.notifIcon)
font.pixelSize: Cfg.Config.notifIconSize
Behavior on color { ColorAnimation { duration: 150 } }
}
@@ -149,10 +154,11 @@ Rectangle {
timeStr: timeStr,
timeout: finalTimeout
}
if (toastLayer.atBottom) activeToasts.append(toastEntry)
else activeToasts.insert(0, toastEntry)
if (!root.historyOpen) root.unreadCount++
if (!root.doNotDisturb) {
if (toastLayer.atBottom) activeToasts.append(toastEntry)
else activeToasts.insert(0, toastEntry)
if (!root.historyOpen) root.unreadCount++
}
}
}
@@ -297,6 +303,45 @@ Rectangle {
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 {
visible: notifHistory.count > 0
Layout.alignment: Qt.AlignVCenter
@@ -308,7 +353,7 @@ Rectangle {
Text { id: clearText; anchors.centerIn: parent; text: "Clear all"; color: t.notifToastDim; font.pixelSize: 11 }
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
}
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 {
id: histFlick
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
contentHeight: histCol.implicitHeight
flickableDirection: Flickable.VerticalFlick
@@ -329,7 +395,9 @@ Rectangle {
Column {
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 {
width: histCol.width - 16; height: 90; visible: notifHistory.count === 0
@@ -343,7 +411,7 @@ Rectangle {
Repeater {
model: notifHistory
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
t: root.t; urgencyColor: root.urgencyColor; urgencyIcon: root.urgencyIcon
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
Layout.preferredWidth: 44
}
// ── Mute toggle button ────────────────────────────────────────
Rectangle {
width: 22; height: 22; radius: 6
color: muteHover.hovered ? (vs.muted ? "#33ffffff" : "#22ffffff") : (vs.muted ? root.t.volMuteBg : "transparent")
border.color: vs.muted ? vs.accentColor : vs.dimColor
border.width: 1
border.width: Cfg.Config.popupBorderWidth
Text {
anchors.centerIn: parent
text: vs.muted ? "󰖁" : "󰕾"
@@ -370,6 +371,7 @@ Rectangle {
color: vs.muted ? vs.dimColor : vs.accentColor
}
}
// ── Volume slider handle ──────────────────────────────────────
Rectangle {
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))
@@ -377,7 +379,7 @@ Rectangle {
width: Cfg.Config.volumeHandleSize; height: Cfg.Config.volumeHandleSize; radius: width / 2
color: vs.muted ? vs.dimColor : vs.accentColor
border.color: root.t.volHandleBorder
border.width: 1
border.width: Cfg.Config.popupBorderWidth
}
MouseArea {
anchors.fill: parent; cursorShape: Qt.PointingHandCursor
@@ -401,11 +403,12 @@ Rectangle {
elide: Text.ElideRight
Layout.fillWidth: true
}
// ── Device picker chevron ─────────────────────────────────────
Rectangle {
width: 20; height: 20; radius: 5
color: chevHover.hovered ? "#22ffffff" : "transparent"
border.color: vs.pickerOpen ? vs.accentColor : root.t.volPopupBorder
border.width: 1
border.width: Cfg.Config.popupBorderWidth
Text {
anchors.centerIn: parent
text: vs.pickerOpen ? "󰅃" : "󰅀"
@@ -445,8 +448,9 @@ Rectangle {
readonly property bool isActive: vs.currentNode !== null && modelData.id === vs.currentNode.id
Layout.fillWidth: true; height: 28; radius: 7
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.width: 1
border.width: Cfg.Config.popupBorderWidth
RowLayout {
anchors { fill: parent; leftMargin: 8; rightMargin: 8 }
spacing: 8
@@ -454,7 +458,7 @@ Rectangle {
width: 6; height: 6; radius: 3
color: isActive ? vs.accentColor : "transparent"
border.color: isActive ? "transparent" : vs.dimColor
border.width: 1
border.width: Cfg.Config.popupBorderWidth
}
Text {
text: modelData.description || modelData.nickName || modelData.name
@@ -495,10 +499,12 @@ Rectangle {
font.pixelSize: 11
Layout.fillWidth: true
}
// ── Decrement button ──────────────────────────────────────────────
Rectangle {
width: 22; height: 22; radius: 5
color: decHover.hovered ? "#22ffffff" : "transparent"
border.color: lr.borderColor; border.width: 1
border.color: lr.borderColor
border.width: Cfg.Config.popupBorderWidth
Text {
anchors.centerIn: parent; text: "−"
color: lr.value <= lr.minValue ? lr.dimColor : lr.textColor
@@ -514,10 +520,12 @@ Rectangle {
horizontalAlignment: Text.AlignHCenter
Layout.preferredWidth: 44
}
// ── Increment button ──────────────────────────────────────────────
Rectangle {
width: 22; height: 22; radius: 5
color: incHover.hovered ? "#22ffffff" : "transparent"
border.color: lr.borderColor; border.width: 1
border.color: lr.borderColor
border.width: Cfg.Config.popupBorderWidth
Text {
anchors.centerIn: parent; text: "+"
color: lr.value >= lr.maxValue ? lr.dimColor : lr.textColor

2
config/config.qml
View File

@@ -6,7 +6,7 @@ import "themes"
QtObject {
id: root
readonly property var theme: Everforest
readonly property var theme: Colorful
// ────────────────────────────────────────────────────────────────────────
// 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
// ── 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 ───────────────────────────────────────────────────────
readonly property color bg: "#aa0a1410"
@@ -131,6 +131,8 @@ QtObject {
readonly property color notifBadgeBg: statusErr
readonly property color notifBadgeText: "#ff0e1410"
readonly property color notifSeparator: separator
readonly property color notifDnd: separator
// ── Toast cards ────────────────────────────────────────────────────────────
readonly property color notifToastBg: bgPopup
@@ -157,3 +159,5 @@ QtObject {
readonly property color notifHistoryHover: "#22ffffff"
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
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
spacing: 10
// ── Search input ──────────────────────────────────────────
Rectangle {
Layout.fillWidth: true
height: 44
radius: 10
color: t.launcherInput
border.color: searchInput.activeFocus ? t.launcherInputBorderFocus : t.launcherBorder
border.width: Cfg.Config.popupBorderWidth
Behavior on color { NumberAnimation { duration: 180 } }
@@ -251,6 +253,7 @@ PanelWindow {
radius: 8
color: t.launcherPill
border.color: t.launcherBorder
border.width: Cfg.Config.popupBorderWidth
RowLayout {
id: modeRow
@@ -280,6 +283,7 @@ PanelWindow {
}
}
// ── Proxychains toggle ────────────────────────────
Rectangle {
id: proxyBtn
height: 28
@@ -287,7 +291,7 @@ PanelWindow {
radius: 8
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.width: 1
border.width: Cfg.Config.popupBorderWidth
Behavior on 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 Quickshell.Services.Notifications
import "../../config" as Cfg
Item {
id: root
@@ -64,7 +66,7 @@ Item {
border.color: root.urgency === NotificationUrgency.Critical
? root.t.notifUrgencyCritical
: (cardHover.hovered ? root.t.notifBorderActive : root.t.notifToastBorder)
border.width: 1
border.width: Cfg.Config.popupBorderWidth
layer.enabled: true
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
mask: Region {}
property string dateString: ""
function updateDate() {
let d = new Date();
dateString = d.toLocaleDateString(Qt.locale(), "dddd, d MMMM yyyy");
}
Component.onCompleted: updateDate()
Text {
id: clockText
id: dateText
anchors.centerIn: parent
color: Cfg.Config.theme.clockText
styleColor: Cfg.Config.theme.clockShadow
font.pixelSize: 100
font.weight: Font.Thin
style: Text.Outline
text: new Date().toLocaleTimeString(Qt.locale(), "HH:mm")
font.pixelSize: 64
font.weight: Font.ExtraLight
font.letterSpacing: 4
opacity: 0.55
style: Text.DropShadow
text: dateString
}
Timer {
interval: 1000
interval: 60000
running: true
repeat: true
onTriggered: clockText.text = new Date().toLocaleTimeString(Qt.locale(), "HH:mm")
onTriggered: updateDate()
}
}