push

Colors.qml

@@ -10,8 +10,8 @@ Singleton {
     readonly property color accent: base0D
     readonly property color rootBarColor: base01
     readonly property color barBg: Qt.rgba(rootBarColor.r,rootBarColor.g,rootBarColor.b,Config.opacity)
-    readonly property color moduleBg: Qt.hsla(base01.hslHue, base01.hslSaturation, base01.hslLightness + 0.2, Config.opacity)
+    readonly property color moduleBg: Qt.hsla(base01.hslHue, base01.hslSaturation, base01.hslLightness + 0.15, Config.opacity)
-    readonly property color activeModuleBg: Qt.hsla(base01.hslHue, base01.hslSaturation, base01.hslLightness + 0.4, Config.opacity)
+    readonly property color activeModuleBg: Qt.hsla(base01.hslHue, base01.hslSaturation, base01.hslLightness + 0.2, Config.opacity)
     readonly property color text: Qt.lighter(base00, 7)
     readonly property color base00: Colors.colors.base00
     readonly property color base01: Colors.colors.base01

modules/Services/Network.qml

@@ -13,7 +13,7 @@ Singleton {
     function getWiredIcon() {
         if (wiredDev?.hasLink ?? false) {
             if (wiredDev.connected ?? false) {
-                return "network-wired-activated";
+                return "network-wired";
             } else
                 return "network-wired-unavailable";
         } else

modules/applets/VolPopup.qml

@@ -16,9 +16,18 @@ PopupWindow {
     anchor.margins.top: 40
     color: 'transparent'
     grabFocus: true
+
     Rectangle {
         id: root
+        Keys.onEscapePressed: {
+            parent.visible = false;
+        }
+        onVisibleChanged: {
+            if (parent.visible)
+                forceActiveFocus();
+        }
         anchors.fill: parent
+	anchors.centerIn: parent
         color: Colors.barBg
         radius: Config.cfg.appearance.rounding
         ColumnLayout {

modules/bar/Date.qml

@@ -19,7 +19,7 @@ BarComponent {
 	id: clockLayout
 	anchors.centerIn: parent
 	StyledIcon {
-	    iconName: "clock-alt-symbolic"
+	    iconName: "clock-large"
 	}
 	StyledText {
             id: clockText

modules/bar/Netstatus.qml

@@ -13,8 +13,7 @@ BarComponent {
         StyledIcon {
             iconName: Network.getWifiIcon()
         }
-        StyledIcon {
+        StyledIcon {        
-            Layout.topMargin: 2
             iconName: Network.getWiredIcon()
 	    visible: Network.wiredDev != null
         }

modules/bar/Ws.qml

@@ -21,7 +21,7 @@ BarComponent {
                 id: wsContainer
                 required property var modelData
                 visible: modelData.shouldDisplay
-                implicitWidth: modelData.active ? 50 : 20
+                implicitWidth: modelData.active ? root.implicitHeight * 2.2 : root.implicitHeight
                 color: modelData.active ? Colors.base0D : Colors.moduleBg
                 Behavior on implicitWidth {
                     PropertyAnimation {

settings/settings.json

@@ -2,16 +2,16 @@
     "appearance": {
         "font": "Iosevka",
         "fontSize": 14,
-        "iconSize": 14,
+        "iconSize": 22,
         "rounding": 16
     },
     "bar": {
         "floating": true,
-        "height": 30,
+        "height": 34,
         "opacity": 1
     },
     "wallpaper": {
         "wallDir": "/home/lucy/.walls/",
-        "wallpaper": "/home/lucy/.walls/lain_blue.png"
+        "wallpaper": "/home/lucy/.walls/frierensuff.png"
     }
 }

widgets/StyledIcon.qml

@@ -1,18 +1,29 @@
 import Quickshell
 import Quickshell.Widgets
+import QtQuick
 import QtQuick.Effects
 import qs
 import qs.settings
 
-IconImage {
+
+Image {
+    id: root
     required property string iconName
-    implicitSize: Config.cfg.appearance.iconSize
     source: Quickshell.iconPath(iconName)
+    width: Config.cfg.appearance.iconSize
+    height: Config.cfg.appearance.iconSize
+    sourceSize.width: Config.cfg.appearance.iconSize 
+    sourceSize.height: Config.cfg.appearance.iconSize 
+    fillMode: Image.PreserveAspectFit
+    smooth: true
     mipmap: true
+
     layer.enabled: true
+    layer.smooth: true
+    layer.textureSize: Qt.size(width * 4, height * 4)
     layer.effect: MultiEffect {
-	colorization: 1.0
+        colorization: 1.0
-	colorizationColor: Colors.text
+        colorizationColor: Colors.text
-	brightness: 1.0
+        brightness: 1.0
     }
 }