change battery icon

modules/bar/StatusIcons.qml

@@ -67,7 +67,7 @@ Rectangle {
         }
         if (frame1) {
             lowBat.running = true;
-            return "battery_android_frame_1";
+            return "battery_android_alert";
         }
         if (frame2) {
             return "battery_android_frame_2";

modules/bar/Workspaces.qml

@@ -8,7 +8,7 @@ import qs.reusables
 
 Rectangle {
     id: root
-    color: "transparent"
+    color: Colors.surfaceContainer
 
     implicitWidth: workspaceRow.implicitWidth + 10
     implicitHeight: Settings.config.barHeight - 10
@@ -38,9 +38,9 @@ Rectangle {
                 }
 
                 required property var modelData
-                width: Settings.config.barHeight - 8
+                width: 20
                 height: Settings.config.barHeight - 10
-                color: modelData.focused ? Colors.primaryContainer : "transparent"
+                color: "transparent"
                 Behavior on width {
                     NumberAnimation {
 
@@ -54,6 +54,8 @@ Rectangle {
                     verticalAlignment: Text.AlignVCenter
                     horizontalAlignment: Text.AlignHCenter
                     text: parent.modelData.id
+                    color: Colors.primary
+                    opacity: workspaceNumber.modelData.focused ? 1 : 0.5
                 }
                 MouseArea {
                     anchors.fill: parent

reusables/CustomIcon.qml

@@ -4,7 +4,7 @@ import qs.settings
 
 Text {
     id: root
-    color: Colors.onSurfaceColor
+    color: Colors.primary
     property real iconSize: 16
     property real fill: 1
     property real truncatedFill: fill.toFixed(1) // Reduce memory consumption spikes from constant font remapping

reusables/CustomText.qml

@@ -3,7 +3,7 @@ import qs
 import qs.settings
 
 Text {
-    color: Colors.onSurfaceColor
+    color: Colors.primary
     font.family: Settings.config.font
     font.pixelSize: Settings.config.fontSize
     font.weight: Settings.config.fontWeight