From 44ec5354f9cc8b08e7163d92144973c95b0f5813 Mon Sep 17 00:00:00 2001 From: lucy Date: Sun, 2 Aug 2026 21:30:24 +0200 Subject: [PATCH] add shadows to bar modules --- modules/bar/ActiveWindow.qml | 12 ++++++++++++ modules/bar/Bar.qml | 2 +- modules/bar/Bat.qml | 11 +++++++++++ modules/bar/Clock.qml | 12 ++++++++++++ modules/bar/Mpris.qml | 12 ++++++++++++ modules/bar/Pw.qml | 12 ++++++++++++ modules/bar/Tray.qml | 11 +++++++++++ modules/wallpaper/WallpaperPicker.qml | 11 +++++++++++ 8 files changed, 82 insertions(+), 1 deletion(-) diff --git a/modules/bar/ActiveWindow.qml b/modules/bar/ActiveWindow.qml index 59b42fb..389cf47 100644 --- a/modules/bar/ActiveWindow.qml +++ b/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 diff --git a/modules/bar/Bar.qml b/modules/bar/Bar.qml index ee72501..ef05e9d 100644 --- a/modules/bar/Bar.qml +++ b/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 diff --git a/modules/bar/Bat.qml b/modules/bar/Bat.qml index 58b52d1..3c2e751 100644 --- a/modules/bar/Bat.qml +++ b/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 diff --git a/modules/bar/Clock.qml b/modules/bar/Clock.qml index 0b6be4c..94251cf 100644 --- a/modules/bar/Clock.qml +++ b/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 diff --git a/modules/bar/Mpris.qml b/modules/bar/Mpris.qml index 8295400..4fec34b 100644 --- a/modules/bar/Mpris.qml +++ b/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 diff --git a/modules/bar/Pw.qml b/modules/bar/Pw.qml index a89b9c6..3094f2e 100644 --- a/modules/bar/Pw.qml +++ b/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 diff --git a/modules/bar/Tray.qml b/modules/bar/Tray.qml index c7d36a5..03ccc03 100644 --- a/modules/bar/Tray.qml +++ b/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 diff --git a/modules/wallpaper/WallpaperPicker.qml b/modules/wallpaper/WallpaperPicker.qml index ec2203d..c510645 100644 --- a/modules/wallpaper/WallpaperPicker.qml +++ b/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