add shadows to bar modules

modules/bar/ActiveWindow.qml

@@ -1,3 +1,4 @@
+pragma ComponentBehavior: Bound
 import Quickshell.Widgets
 import Quickshell.Hyprland
 import QtQuick
@@ -5,10 +6,21 @@ import QtQuick.Layouts
 import qs
 import qs.widgets
 import qs.settings
+import QtQuick.Effects
 
 Rectangle {
     id: root
     required property double moduleHeight
+    layer.enabled: true
+    layer.effect: MultiEffect {
+        id: dropShadow
+        source: root
+        shadowEnabled: true
+        shadowHorizontalOffset: 4
+        shadowVerticalOffset: 2
+        shadowOpacity: 0.5
+        shadowColor: "#020202"
+    }
     implicitHeight: moduleHeight
     implicitWidth: titleLayout.width + 32
     color: Colors.base02

modules/bar/Bar.qml

@@ -64,7 +64,7 @@ Variants {
                 id: rightLayout
                 anchors.right: parent.right
                 anchors.verticalCenter: parent.verticalCenter
-                spacing: 5
+                spacing: 15
                 anchors.rightMargin: Config.floating ? (Config.barHeight - root.moduleHeight) / 2 : Config.rounding
                 Mpris {
                     moduleHeight: root.moduleHeight

modules/bar/Bat.qml

@@ -1,12 +1,23 @@
 import Quickshell.Services.UPower
 import QtQuick
 import QtQuick.Layouts
+import QtQuick.Effects
 import qs
 import qs.widgets
 import qs.settings
 
 Rectangle {
     id: root
+    layer.enabled: true
+    layer.effect: MultiEffect {
+        id: dropShadow
+        source: root
+        shadowEnabled: true
+        shadowHorizontalOffset: 4
+        shadowVerticalOffset: 2
+        shadowOpacity: 0.5
+        shadowColor: "#020202"
+    }
     clip: true
     color: Colors.base02
     visible: UPower.displayDevice.isLaptopBattery

modules/bar/Clock.qml

@@ -1,11 +1,23 @@
+pragma ComponentBehavior: Bound
 import Quickshell
 import QtQuick
+import QtQuick.Effects
 import qs
 import qs.widgets
 import qs.settings
 
 Rectangle {
     id: root
+    layer.enabled: true
+    layer.effect: MultiEffect {
+        id: dropShadow
+        source: root
+        shadowEnabled: true
+        shadowHorizontalOffset: 4
+        shadowVerticalOffset: 2
+        shadowOpacity: 0.5
+        shadowColor: "#020202"
+    }
     clip: true
     required property double moduleHeight
     implicitHeight: moduleHeight

modules/bar/Mpris.qml

@@ -1,12 +1,24 @@
+pragma ComponentBehavior: Bound
 import Quickshell.Services.Mpris
 import QtQuick
 import QtQuick.Layouts
+import QtQuick.Effects
 import qs
 import qs.widgets
 import qs.settings
 
 Rectangle {
     id: root
+    layer.enabled: true
+    layer.effect: MultiEffect {
+        id: dropShadow
+        source: root
+        shadowEnabled: true
+        shadowHorizontalOffset: 4
+        shadowVerticalOffset: 2
+        shadowOpacity: 0.5
+        shadowColor: "#020202"
+    }
     required property double moduleHeight
     implicitHeight: moduleHeight
     implicitWidth: songLayout.implicitWidth + 32

modules/bar/Pw.qml

@@ -1,13 +1,25 @@
+pragma ComponentBehavior: Bound
 import Quickshell.Services.Pipewire
 import Quickshell.Io
 import QtQuick
 import QtQuick.Layouts
+import QtQuick.Effects
 import qs
 import qs.widgets
 import qs.settings
 
 Rectangle {
     id: root
+    layer.enabled: true
+    layer.effect: MultiEffect {
+        id: dropShadow
+        source: root
+        shadowEnabled: true
+        shadowHorizontalOffset: 4
+        shadowVerticalOffset: 2
+        shadowOpacity: 0.5
+        shadowColor: "#020202"
+    }
     color: clickHandler.containsMouse ? Colors.base03 : Colors.base02
     property PwNode defaultAudio: Pipewire.ready ? Pipewire.defaultAudioSink : null
     property bool mute: Pipewire.ready ? defaultAudio?.audio.muted : null

modules/bar/Tray.qml

@@ -4,11 +4,22 @@ import Quickshell.Services.SystemTray
 import Quickshell.Widgets
 import QtQuick
 import QtQuick.Layouts
+import QtQuick.Effects
 import qs
 import qs.settings
 
 Rectangle {
     id: root
+    layer.enabled: true
+    layer.effect: MultiEffect {
+        id: dropShadow
+        source: root
+        shadowEnabled: true
+        shadowHorizontalOffset: 4
+        shadowVerticalOffset: 2
+        shadowOpacity: 0.5
+        shadowColor: "#020202"
+    }
     visible: iconRepeater.count != 0
     Layout.fillHeight: true
     required property double moduleHeight

modules/wallpaper/WallpaperPicker.qml

@@ -13,6 +13,17 @@ import qs.widgets
 
 Rectangle {
     id: main
+
+    layer.enabled: true
+    layer.effect: MultiEffect {
+        id: dropShadow
+        source: main
+        shadowEnabled: true
+        shadowHorizontalOffset: 4
+        shadowVerticalOffset: 2
+        shadowOpacity: 0.5
+        shadowColor: "#020202"
+    }
     required property real moduleHeight
     required property int screenHeight
     color: Colors.base02