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"
 

modules/bar/widgets/MenuButton.qml

@@ -18,7 +18,7 @@ MouseArea {
     
     Rectangle {
         anchors.fill: parent
-        color: archButton.containsMouse ? Colors.tertiary : Qt.alpha(Colors.primaryContainer, 0.25)
+        color: archButton.containsMouse ? Colors.secondaryContainer_fg : Qt.alpha(Colors.secondary, 0.75)
         radius: Config.radius
 
         Text {
@@ -27,7 +27,7 @@ MouseArea {
             text: "󰣇"
             font.pixelSize: Config.big_font_size(bar.height)
             font.family: Config.font
-            color: archButton.containsMouse ? Colors.tertiary_fg : Colors.primary
+            color: archButton.containsMouse ? Colors.secondaryContainer : Colors.secondary_fg
         }
     }