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,22 +22,55 @@ PanelWindow {
SystemClock { SystemClock {
id: clock id: clock
precision: SystemClock.Minutes precision: SystemClock.Seconds
} }
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
spacing: 8 spacing: 8
Text { Row {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
text: Qt.formatDateTime(clock.date, "HH:mm")
Text {
text: Qt.formatDateTime(clock.date, "HH")
color: M.Theme.base05 color: M.Theme.base05
opacity: 0.7 opacity: 0.7
font.pixelSize: 72 font.pixelSize: 72
font.family: M.Theme.fontFamily font.family: M.Theme.fontFamily
font.bold: true 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 { Text {
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter