background overlay: colon cycles through base16 colors

modules/BackgroundOverlay.qml

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