background overlay: colon cycles through base16 colors
This commit is contained in:
parent
ba3c632d07
commit
bf40be76c5
1 changed files with 13 additions and 2 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue