feat: shadow

Border exclusivity
Fix slider handle text colour

3 files changed, 91 insertions, 39 deletions

diff --git a/modules/background/Border.qml b/modules/background/Border.qml
index 752a814..a11c565 100644
--- a/modules/background/Border.qml
+++ b/modules/background/Border.qml
@@ -4,54 +4,96 @@ import Quickshell
 import QtQuick
 import QtQuick.Effects
 
-StyledWindow {
-    id: win
+Scope {
+    id: root
 
-    name: "border"
-    exclusionMode: ExclusionMode.Ignore
+    required property ShellScreen screen
 
-    mask: Region {
-        x: BackgroundConfig.border.thickness
-        y: BackgroundConfig.border.thickness
-        width: win.screen.width - BackgroundConfig.border.thickness * 2
-        height: win.screen.height - BackgroundConfig.border.thickness * 2
-        intersection: Intersection.Xor
-    }
+    StyledWindow {
+        id: win
 
-    anchors.top: true
-    anchors.bottom: true
-    anchors.left: true
-    anchors.right: true
+        screen: root.screen
+        name: "border"
+        exclusionMode: ExclusionMode.Ignore
 
-    StyledRect {
-        id: rect
+        mask: Region {
+            x: BackgroundConfig.border.thickness
+            y: BackgroundConfig.border.thickness
+            width: win.screen.width - BackgroundConfig.border.thickness * 2
+            height: win.screen.height - BackgroundConfig.border.thickness * 2
+            intersection: Intersection.Xor
+        }
 
-        anchors.fill: parent
-        color: Appearance.alpha(Appearance.colours.m3surface, false)
-        visible: false
-    }
+        anchors.top: true
+        anchors.bottom: true
+        anchors.left: true
+        anchors.right: true
 
-    Item {
-        id: mask
+        StyledRect {
+            id: rect
+
+            anchors.fill: parent
+            color: Appearance.alpha(Appearance.colours.m3surface, false)
+            visible: false
+        }
+
+        Item {
+            id: mask
+
+            anchors.fill: parent
+            layer.enabled: true
+            visible: false
+
+            Rectangle {
+                anchors.fill: parent
+                anchors.margins: BackgroundConfig.border.thickness
+                radius: BackgroundConfig.border.rounding
+            }
+        }
 
-        anchors.fill: parent
-        layer.enabled: true
-        visible: false
+        MultiEffect {
+            id: effect
 
-        Rectangle {
+            visible: false
             anchors.fill: parent
-            anchors.margins: BackgroundConfig.border.thickness
-            radius: BackgroundConfig.border.rounding
+            maskEnabled: true
+            maskInverted: true
+            maskSource: mask
+            source: rect
+            maskThresholdMin: 0.5
+            maskSpreadAtMin: 1
         }
+
+        LayerShadow {
+            source: effect
+        }
+    }
+
+    ExclusionZone {
+        anchors.left: false
+    }
+
+    ExclusionZone {
+        anchors.top: false
     }
 
-    MultiEffect {
-        anchors.fill: parent
-        maskEnabled: true
-        maskInverted: true
-        maskSource: mask
-        source: rect
-        maskThresholdMin: 0.5
-        maskSpreadAtMin: 1
+    ExclusionZone {
+        anchors.right: false
+    }
+
+    ExclusionZone {
+        anchors.bottom: false
+    }
+
+    component ExclusionZone: StyledWindow {
+        screen: root.screen
+        name: "border-exclusion"
+        width: BackgroundConfig.border.thickness
+        height: BackgroundConfig.border.thickness
+
+        anchors.top: true
+        anchors.left: true
+        anchors.bottom: true
+        anchors.right: true
     }
 }
diff --git a/modules/launcher/Launcher.qml b/modules/launcher/Launcher.qml
index 26549f5..e0b002b 100644
--- a/modules/launcher/Launcher.qml
+++ b/modules/launcher/Launcher.qml
@@ -25,7 +25,6 @@ Scope {
                 item: wrapper
             }
 
-            margins.bottom: BackgroundConfig.border.thickness
             anchors.top: true
             anchors.left: true
             anchors.bottom: true
@@ -34,6 +33,8 @@ Scope {
             Background {
                 id: bg
 
+                visible: false
+
                 anchors.horizontalCenter: parent.horizontalCenter
                 anchors.bottom: parent.bottom
 
@@ -41,6 +42,10 @@ Scope {
                 realWrapperHeight: Math.min(wrapper.height, content.height)
             }
 
+            LayerShadow {
+                source: bg
+            }
+
             Wrapper {
                 id: wrapper
 
diff --git a/modules/osd/Osd.qml b/modules/osd/Osd.qml
index d173a44..009eb2f 100644
--- a/modules/osd/Osd.qml
+++ b/modules/osd/Osd.qml
@@ -64,7 +64,6 @@ Variants {
                     item: wrapper
                 }
 
-                margins.right: BackgroundConfig.border.thickness
                 anchors.left: true
                 anchors.right: true
                 height: wrapper.height
@@ -72,6 +71,8 @@ Variants {
                 Background {
                     id: bg
 
+                    visible: false
+
                     anchors.verticalCenter: parent.verticalCenter
                     anchors.right: parent.right
 
@@ -79,6 +80,10 @@ Variants {
                     realWrapperWidth: Math.min(wrapper.width, content.width)
                 }
 
+                LayerShadow {
+                    source: bg
+                }
+
                 Wrapper {
                     id: wrapper