background overlay: colon cycles through base16 colors

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

View file

@ -43,19 +43,30 @@ PanelWindow {
Text {
id: colon
text: ":"
color: M.Theme.base05
font.pixelSize: 72
font.family: M.Theme.fontFamily
font.bold: true
SequentialAnimation on opacity {
property int _colorIdx: 0
readonly property var _colors: [M.Theme.base08, M.Theme.base09, M.Theme.base0A, M.Theme.base0B, M.Theme.base0C, M.Theme.base0D, M.Theme.base0E, M.Theme.base05]
color: _colors[_colorIdx % _colors.length]
SequentialAnimation {
loops: Animation.Infinite
running: true
NumberAnimation {
target: colon
property: "opacity"
to: 0.1
duration: 1000
easing.type: Easing.InOutSine
}
ScriptAction {
script: colon._colorIdx++
}
NumberAnimation {
target: colon
property: "opacity"
to: 0.7
duration: 1000
easing.type: Easing.InOutSine