Colors.js

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

modules/bar/Ws.qml

@@ -4,47 +4,35 @@ import QtQuick
 import QtQuick.Layouts
 import qs
 import qs.widgets
-import qs.settings
 
 BarComponent {
     id: root
     required property ShellScreen barScreen
-    implicitWidth: wsLayout.implicitWidth + 4
+    implicitWidth: wsLayout.implicitWidth + wsLayout.spacing * 2
     RowLayout {
-        id: wsLayout
+	id: wsLayout
-        anchors.centerIn: parent
+	spacing: 15
-        spacing: 8
+	anchors.centerIn: parent
-        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
-                implicitWidth: modelData.active ? 50 : 20
+		StyledText {
-                implicitHeight: Config.moduleHeight - 4
+		    id: wsText
-                color: modelData.active ? Colors.base0D : Colors.activeModuleBg
+		    anchors.centerIn: parent
-                radius: Config.rounding
+		    text: parent.modelData.name
-                Behavior on implicitWidth {
+		    color: parent.modelData.active ? Colors.base0D: Colors.base03
-                    PropertyAnimation {
+		    MouseArea {
-                        duration: 350
+			id: clickHandler
-                        easing.type: Easing.InOutBack
+			anchors.fill: parent
-                        easing.overshoot: 1.2
+			cursorShape: Qt.PointingHandCursor
-                    }
+			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=18
+iconSize=12
 opacity=1
 primaryMon=eDP-1
 rounding=16
 showCorners=true
 wallDir=file:///home/lucy/.walls
-wallpaper=@Variant(\0\0\0\x11\0\0\0\x1b/home/lucy/.walls/faris.png)
+wallpaper=@Variant(\0\0\0\x11\0\0\0\x1f/home/lucy/.walls/lain_blue.png)