update colors

.config/ags/modules/bar/normal/spaceleft.js

@@ -16,7 +16,7 @@ const WindowTitle = async () => {
                         xalign: 0,
                         truncate: 'end',
                         maxWidthChars: 10, // Doesn't matter, just needs to be non negative
-                        className: 'txt-smaller bar-topdesc txt',
+                        className: 'txt-smaller bar-wintitle-topdesc txt',
                         setup: (self) => self.hook(Hyprland.active.client, label => { // Hyprland.active.client
                             label.label = Hyprland.active.client.class.length === 0 ? 'Desktop' : Hyprland.active.client.class;
                         }),
@@ -25,7 +25,7 @@ const WindowTitle = async () => {
                         xalign: 0,
                         truncate: 'end',
                         maxWidthChars: 10, // Doesn't matter, just needs to be non negative
-                        className: 'txt txt-smallie',
+                        className: 'txt-smallie bar-wintitle-txt',
                         setup: (self) => self.hook(Hyprland.active.client, label => { // Hyprland.active.client
                             label.label = Hyprland.active.client.title.length === 0 ? `Workspace ${Hyprland.active.workspace.id}` : Hyprland.active.client.title;
                         }),

.config/ags/modules/bar/normal/spaceright.js

@@ -71,18 +71,12 @@ export default () => {
     }));
     const actualContent = Widget.Box({
         hexpand: true,
-        className: 'spacing-h-5 txt',
+        className: 'spacing-h-5 bar-spaceright',
         children: [
-            Widget.Box({
-                hexpand: true,
-                className: 'spacing-h-5 txt',
-                children: [
-                    emptyArea,
-                    barTray,
-                    indicatorArea
-                ],
-            }),
-        ]
+            emptyArea,
+            barTray,
+            indicatorArea
+        ],
     });
 
     return Widget.Box({

.config/ags/modules/bar/normal/system.js

@@ -63,7 +63,7 @@ const UtilButton = ({ name, icon, onClicked }) => Button({
 
 const Utilities = () => Box({
     hpack: 'center',
-    className: 'spacing-h-4 txt-onSurfaceVariant',
+    className: 'spacing-h-4',
     children: [
         UtilButton({
             name: 'Screen snip', icon: 'screenshot_region', onClicked: () => {
@@ -85,7 +85,7 @@ const Utilities = () => Box({
 })
 
 const BarBattery = () => Box({
-    className: 'spacing-h-4 txt-onSurfaceVariant',
+    className: 'spacing-h-4 bar-batt-txt',
     children: [
         Revealer({
             transitionDuration: userOptions.animations.durationSmall,
@@ -97,7 +97,7 @@ const BarBattery = () => Box({
             }),
         }),
         Label({
-            className: 'txt-smallie bar-batt-txt',
+            className: 'txt-smallie',
             setup: (self) => self.hook(Battery, label => {
                 label.label = `${Battery.percent}%`;
             }),