background overlay: colon cycles through base16 colors

modules/BackgroundOverlay.qml

@@ -22,22 +22,66 @@ 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")
+
+            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: ":"
+                font.pixelSize: 72
+                font.family: M.Theme.fontFamily
+                font.bold: true
+
+                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
+                    }
+                }
+            }
+            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 {
             anchors.horizontalCenter: parent.horizontalCenter

modules/Bar.qml

@@ -138,6 +138,7 @@ PanelWindow {
                 }
             }
             M.BarGroup {
+                Layout.minimumWidth: 0
                 clip: true
                 M.WindowTitle {
                     visible: M.Modules.windowTitle.enable