background overlay: animated pulsing colon on clock

This commit is contained in:
Damocles 2026-04-12 22:58:38 +02:00
parent d4ca0f9805
commit ba3c632d07

View file

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