switch to material you colors entirely

modules/bar/Bar.qml

@@ -29,7 +29,7 @@ Variants {
             id: container
             implicitHeight: Settings.config.barHeight
             anchors.fill: parent
-            color: Colors.background
+            color: Colors.surface
             radius: implicitHeight / 2
 
             Row {

modules/bar/Battery.qml

@@ -97,7 +97,7 @@ Loader {
                     ColorOverlay {
                         anchors.fill: parent
                         source: rawProfileIcon
-                        color: Colors.foreground
+                        color: Colors.onSurfaceColor
                     }
                 }
             }

modules/bar/Workspaces.qml

@@ -43,7 +43,7 @@ Item {
                 CustomText {
                     anchors.centerIn: workspaceNumber
                     text: parent.modelData.id
-                    color: Colors.color2 // Set contrasting color for workspace number
+                    color: Colors.primary // Set contrasting color for workspace number
                     opacity: workspaceNumber.modelData.focused ? 1 : 0.5
                 }
                 MouseArea {

modules/widgets/wallswitcher/WallSwitcher.qml

@@ -34,13 +34,15 @@ FloatingWindow {
 
     ColumnLayout {
         id: windowLayout
+        spacing: 10
         anchors.fill: parent
 
         Rectangle {
             id: textWrapper
             Layout.fillWidth: true
-            Layout.margins: 20
+            Layout.margins: 10
             Layout.alignment: Qt.AlignCenter
+            Layout.bottomMargin: 0
             radius: 14
             implicitHeight: 30
             color: Colors.color6
@@ -53,9 +55,10 @@ FloatingWindow {
 
         Rectangle {
             id: innerWindow
+            Layout.topMargin: 0
             Layout.fillWidth: true
             Layout.fillHeight: true
-            Layout.margins: 20
+            Layout.margins: 10
             radius: 14
             color: Colors.color8
             GridView {

reusables/CustomIcon.qml

@@ -6,7 +6,7 @@ Text {
     property real fill: 1
     anchors.verticalCenter: parent.verticalCenter
     font.family: "Material Icons Sharp"
-    color: Colors.foreground
+    color: Colors.onSurfaceColor
     font.variableAxes: ({
             FILL: fill.toFixed(1),
             GRAD: -25,

reusables/CustomText.qml

@@ -3,7 +3,7 @@ import qs
 import qs.settings
 
 Text {
-    color: Colors.foreground
+    color: Colors.onSurfaceColor
     font.family: Settings.config.font
     font.pixelSize: Settings.config.fontSize
     font.variableAxes: ({