fixup ws colors

Colors.js

@@ -1,18 +1,18 @@
 const colors = {
-    base00: "#191724", 
+    base00: "#282828", 
-    base01: "#1f1d2e", 
+    base01: "#3c3836", 
-    base02: "#26233a", 
+    base02: "#504945", 
-    base03: "#6e6a86", 
+    base03: "#665c54", 
-    base04: "#908caa", 
+    base04: "#928374", 
-    base05: "#e0def4", 
+    base05: "#ebdbb2", 
-    base06: "#e0def4", 
+    base06: "#fbf1c7", 
-    base07: "#524f67", 
+    base07: "#f9f5d7", 
-    base08: "#eb6f92", 
+    base08: "#cc241d", 
-    base09: "#f6c177", 
+    base09: "#d65d0e", 
-    base0A: "#ebbcba", 
+    base0A: "#d79921", 
-    base0B: "#31748f", 
+    base0B: "#98971a", 
-    base0C: "#9ccfd8", 
+    base0C: "#689d6a", 
-    base0D: "#c4a7e7", 
+    base0D: "#458588", 
-    base0E: "#f6c177", 
+    base0E: "#b16286", 
-    base0F: "#524f67", 
+    base0F: "#9d0006", 
 }

modules/bar/Ws.qml

@@ -4,35 +4,47 @@ import QtQuick
 import QtQuick.Layouts
 import qs
 import qs.widgets
+import qs.settings
 
 BarComponent {
     id: root
     required property ShellScreen barScreen
-    implicitWidth: wsLayout.implicitWidth + wsLayout.spacing * 2
+    implicitWidth: wsLayout.implicitWidth + 4
     RowLayout {
-	id: wsLayout
+        id: wsLayout
-	spacing: 15
+        anchors.centerIn: parent
-	anchors.centerIn: parent
+        spacing: 8
-	Repeater {
+        Repeater {
-	    model: WindowManager.screenProjection(root.barScreen).windowsets
+            model: WindowManager.screenProjection(root.barScreen).windowsets
-	    delegate: Rectangle {
+            delegate: Rectangle {
-		id: wsContainer
+                id: wsContainer
-		required property var modelData
+                required property var modelData
-		visible: modelData.shouldDisplay
+                visible: modelData.shouldDisplay
-		StyledText {
+                implicitWidth: modelData.active ? 50 : 20
-		    id: wsText
+                implicitHeight: Config.moduleHeight - 4
-		    anchors.centerIn: parent
+                color: modelData.active ? Colors.base0D : Colors.activeModuleBg
-		    text: parent.modelData.name
+                radius: Config.rounding
-		    color: parent.modelData.active ? Colors.base0D: Colors.base03
+                Behavior on implicitWidth {
-		    MouseArea {
+                    PropertyAnimation {
-			id: clickHandler
+                        duration: 350
-			anchors.fill: parent
+                        easing.type: Easing.InOutBack
-			cursorShape: Qt.PointingHandCursor
+                        easing.overshoot: 1.2
-			acceptedButtons: Qt.LeftButton
+                    }
-			onClicked: parent.parent.modelData.activate()
+                }
-		    }
+                MouseArea {
-		}
+                    id: clickHandler
-	    }
+                    anchors.fill: parent
-	}
+                    cursorShape: Qt.PointingHandCursor
+                    acceptedButtons: Qt.LeftButton
+                    onClicked: wsContainer.modelData.activate()
+                }
+                StyledText {
+                    id: wsText
+                    anchors.centerIn: parent
+                    text: parent.modelData.name
+                    color: parent.modelData.active ? Colors.base00 : Colors.text
+                }
+            }
+        }
     }
 }

settings/settings.ini

@@ -3,10 +3,10 @@ barHeight=30
 floating=false
 font=Iosevka
 fontSize=16
-iconSize=12
+iconSize=18
 opacity=1
 primaryMon=eDP-1
 rounding=16
 showCorners=true
 wallDir=file:///home/lucy/.walls
-wallpaper=@Variant(\0\0\0\x11\0\0\0\x1f/home/lucy/.walls/lain_blue.png)
+wallpaper=@Variant(\0\0\0\x11\0\0\0\x1b/home/lucy/.walls/faris.png)