From bdd37012bb1e855220e465fa6db101bed0cc4992 Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Tue, 6 May 2025 18:15:06 +1000
Subject: refactor: popout layer consistency with border

Make them use the same background colour and rounding as the border
---
 modules/background/Border.qml   | 20 +++++++++++---------
 modules/launcher/Background.qml |  4 ++--
 modules/osd/Background.qml      |  4 ++--
 3 files changed, 15 insertions(+), 13 deletions(-)

(limited to 'modules')

diff --git a/modules/background/Border.qml b/modules/background/Border.qml
index 143097a..3c2958a 100644
--- a/modules/background/Border.qml
+++ b/modules/background/Border.qml
@@ -1,3 +1,5 @@
+pragma ComponentBehavior: Bound
+
 import "root:/widgets"
 import "root:/services"
 import "root:/config"
@@ -18,10 +20,10 @@ Scope {
         exclusionMode: ExclusionMode.Ignore
 
         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
+            x: BorderConfig.thickness
+            y: BorderConfig.thickness
+            width: win.screen.width - BorderConfig.thickness * 2
+            height: win.screen.height - BorderConfig.thickness * 2
             intersection: Intersection.Xor
         }
 
@@ -34,7 +36,7 @@ Scope {
             id: rect
 
             anchors.fill: parent
-            color: Colours.alpha(Colours.palette.m3surface, false)
+            color: Colours.alpha(BorderConfig.colour, false)
             visible: false
         }
 
@@ -47,8 +49,8 @@ Scope {
 
             Rectangle {
                 anchors.fill: parent
-                anchors.margins: BackgroundConfig.border.thickness
-                radius: BackgroundConfig.border.rounding
+                anchors.margins: BorderConfig.thickness
+                radius: BorderConfig.rounding
             }
         }
 
@@ -95,8 +97,8 @@ Scope {
     component ExclusionZone: StyledWindow {
         screen: root.screen
         name: "border-exclusion"
-        width: BackgroundConfig.border.thickness
-        height: BackgroundConfig.border.thickness
+        width: BorderConfig.thickness
+        height: BorderConfig.thickness
 
         anchors.top: true
         anchors.left: true
diff --git a/modules/launcher/Background.qml b/modules/launcher/Background.qml
index e7104ba..67e31c2 100644
--- a/modules/launcher/Background.qml
+++ b/modules/launcher/Background.qml
@@ -8,7 +8,7 @@ Shape {
 
     required property real wrapperWidth
     required property real realWrapperHeight
-    readonly property int rounding: Appearance.rounding.large
+    readonly property int rounding: BorderConfig.rounding
     readonly property int roundingY: Math.min(rounding, realWrapperHeight / 2)
     readonly property real wrapperHeight: realWrapperHeight - 1 // Pixel issues :sob:
 
@@ -17,7 +17,7 @@ Shape {
 
     ShapePath {
         strokeWidth: -1
-        fillColor: Colours.palette.m3surface
+        fillColor: BorderConfig.colour
 
         startY: root.wrapperHeight
 
diff --git a/modules/osd/Background.qml b/modules/osd/Background.qml
index 1c5c957..6144117 100644
--- a/modules/osd/Background.qml
+++ b/modules/osd/Background.qml
@@ -8,7 +8,7 @@ Shape {
 
     required property real realWrapperWidth
     required property real wrapperHeight
-    readonly property int rounding: Appearance.rounding.large
+    readonly property int rounding: BorderConfig.rounding
     readonly property int roundingX: Math.min(rounding, realWrapperWidth / 2)
     readonly property real wrapperWidth: realWrapperWidth - 1 // Pixel issues :sob:
 
@@ -17,7 +17,7 @@ Shape {
 
     ShapePath {
         strokeWidth: -1
-        fillColor: Colours.palette.m3surface
+        fillColor: BorderConfig.colour
 
         startX: root.wrapperWidth
 
-- 
cgit v1.2.3-freya