From ba3c632d0771bcfc33ec1ee5a2ce1e2956eb57dc Mon Sep 17 00:00:00 2001 From: Damocles Date: Sun, 12 Apr 2026 22:58:38 +0200 Subject: [PATCH] background overlay: animated pulsing colon on clock --- modules/BackgroundOverlay.qml | 49 +++++++++++++++++++++++++++++------ 1 file changed, 41 insertions(+), 8 deletions(-) diff --git a/modules/BackgroundOverlay.qml b/modules/BackgroundOverlay.qml index b0bfa74..308366f 100644 --- a/modules/BackgroundOverlay.qml +++ b/modules/BackgroundOverlay.qml @@ -22,21 +22,54 @@ PanelWindow { SystemClock { id: clock - precision: SystemClock.Minutes + precision: SystemClock.Seconds } Column { anchors.centerIn: parent spacing: 8 - Text { + Row { anchors.horizontalCenter: parent.horizontalCenter - text: Qt.formatDateTime(clock.date, "HH:mm") - color: M.Theme.base05 - opacity: 0.7 - font.pixelSize: 72 - font.family: M.Theme.fontFamily - font.bold: true + + Text { + text: Qt.formatDateTime(clock.date, "HH") + color: M.Theme.base05 + opacity: 0.7 + font.pixelSize: 72 + font.family: M.Theme.fontFamily + font.bold: true + } + Text { + id: colon + text: ":" + color: M.Theme.base05 + font.pixelSize: 72 + font.family: M.Theme.fontFamily + font.bold: true + + SequentialAnimation on opacity { + loops: Animation.Infinite + NumberAnimation { + to: 0.1 + duration: 1000 + easing.type: Easing.InOutSine + } + NumberAnimation { + to: 0.7 + duration: 1000 + easing.type: Easing.InOutSine + } + } + } + Text { + text: Qt.formatDateTime(clock.date, "mm") + color: M.Theme.base05 + opacity: 0.7 + font.pixelSize: 72 + font.family: M.Theme.fontFamily + font.bold: true + } } Text {