revise style

modules/bar/Bar.qml

@@ -11,7 +11,7 @@ Variants {
     delegate: WlrLayershell {
         id: root
         required property var modelData
-        property double moduleHeight: implicitHeight / 1.5
+        property double moduleHeight: implicitHeight - 12
         screen: modelData
         anchors {
             top: true

modules/bar/Ws.qml

@@ -29,16 +29,16 @@ Rectangle {
             delegate: Rectangle {
                 id: wsWrapper
                 implicitHeight: root.moduleHeight 
-                implicitWidth: modelData.active ? 48 : 24
+                implicitWidth: 16
                 parent: wsLayout
-                color: modelData.active ? Colors.base0D : 'transparent'
+                color: 'transparent'
                 radius: Config.rounding
                 visible: modelData.monitor == root.hyprBarScreen
                 required property var modelData
                 StyledText {
                     anchors.centerIn: parent
                     text: wsWrapper.modelData.id
-                    color: parent.modelData.active ? Colors.base00 : Colors.base07
+                    color: parent.modelData.active ? Colors.base07 : Colors.base04
                 }
                 Behavior on implicitWidth {
                     NumberAnimation {

widgets/MaterialIcon.qml

@@ -10,7 +10,7 @@ Text {
     renderType: Text.NativeRendering
     font.variableAxes: {
         "FILL": fill ? 1 : 0,
-        "opsz": Config.iconSize,
+        "opsz": 24,
         "wght": 400,
         "GRAD": 24
     }