fixes to colors

modules/bar/widgets/Clock.qml

@@ -9,10 +9,14 @@ Rectangle {  //workspace
     width: dateTimer.running ? Math.max(dateDisplay.width + timeDisplay.width + Config.spacing*3, bar.height) : Math.max(dateDisplay.width + timeDisplay.width + Config.spacing*2, bar.height)
     height: bar.height
     radius: Config.radius
-    color: Colors.primaryContainer
-    border.color: Colors.primaryContainer_fg
+    color: timeAnchoreMouseArea.containsMouse ? Colors.tertiaryContainer : Colors.primaryContainer
+    border.color: (
+        timeAnchoreMouseArea.containsMouse ? Colors.tertiaryContainer_fg :
+        Colors.primaryContainer_fg
+    )
     border.width: Config.border_width
     MouseArea {
+        id: timeAnchoreMouseArea
         hoverEnabled: true
         cursorShape: Qt.PointingHandCursor
         anchors.fill: parent
@@ -28,7 +32,10 @@ Rectangle {  //workspace
                 property string currentDate: ""
 
                 text: currentDate
-                color: Colors.primary
+                color: (
+                    timeAnchoreMouseArea.containsMouse ? Colors.tertiary :
+                    Colors.primary
+                )
                 font.pixelSize: Math.floor(bar.height/2)
                 font.family: "Inter, sans-serif"
 
@@ -50,7 +57,10 @@ Rectangle {  //workspace
                 property string currentTime: ""
 
                 text: currentTime
-                color: Colors.primary
+                color: (
+                    timeAnchoreMouseArea.containsMouse ? Colors.tertiary :
+                    Colors.primary
+                )
                 font.pixelSize: Math.floor(bar.height/2)
                 font.family: "Inter, sans-serif"