make panel borders more subtle

.config/quickshell/ii/modules/bar/Bar.qml

@@ -107,7 +107,7 @@ Scope {
                         color: showBarBackground ? Appearance.colors.colLayer0 : "transparent"
                         radius: Config.options.bar.cornerStyle === 1 ? Appearance.rounding.windowRounding : 0
                         border.width: Config.options.bar.cornerStyle === 1 ? 1 : 0
-                        border.color: Appearance.m3colors.m3outlineVariant
+                        border.color: Appearance.colors.colLayer0Border
                     }
 
                     MouseArea { // Left side | scroll to change brightness

.config/quickshell/ii/modules/bar/weather/WeatherPopup.qml

@@ -14,7 +14,7 @@ Rectangle {
     color: Appearance.colors.colLayer0
     radius: Appearance.rounding.small
     border.width: 1
-    border.color: Appearance.m3colors.m3outlineVariant
+    border.color: Appearance.colors.colLayer0Border
     clip: true
 
     ColumnLayout {

.config/quickshell/ii/modules/cheatsheet/Cheatsheet.qml

@@ -74,7 +74,7 @@ Scope { // Scope
                 anchors.centerIn: parent
                 color: Appearance.colors.colLayer0
                 border.width: 1
-                border.color: Appearance.m3colors.m3outlineVariant
+                border.color: Appearance.colors.colLayer0Border
                 radius: Appearance.rounding.windowRounding
                 property real padding: 30
                 implicitWidth: cheatsheetColumnLayout.implicitWidth + padding * 2

.config/quickshell/ii/modules/common/Appearance.qml

@@ -104,6 +104,7 @@ Singleton {
         property color colOnLayer0: m3colors.m3onBackground
         property color colLayer0Hover: ColorUtils.transparentize(ColorUtils.mix(colLayer0, colOnLayer0, 0.9, root.contentTransparency))
         property color colLayer0Active: ColorUtils.transparentize(ColorUtils.mix(colLayer0, colOnLayer0, 0.8, root.contentTransparency))
+        property color colLayer0Border: ColorUtils.mix(root.m3colors.m3outlineVariant, colLayer0, 0.4)
         property color colLayer1: ColorUtils.transparentize(ColorUtils.mix(m3colors.m3surfaceContainerLow, m3colors.m3background, 0.8), root.contentTransparency);
         property color colOnLayer1: m3colors.m3onSurfaceVariant;
         property color colOnLayer1Inactive: ColorUtils.mix(colOnLayer1, colLayer1, 0.45);

.config/quickshell/ii/modules/dock/Dock.qml

@@ -94,7 +94,7 @@ Scope { // Scope
                             anchors.bottomMargin: Appearance.sizes.hyprlandGapsOut
                             color: Appearance.colors.colLayer0
                             border.width: 1
-                            border.color: Appearance.m3colors.m3outlineVariant
+                            border.color: Appearance.colors.colLayer0Border
                             radius: Appearance.rounding.large
                         }
 

.config/quickshell/ii/modules/overview/OverviewWidget.qml

@@ -61,7 +61,7 @@ Item {
         radius: Appearance.rounding.screenRounding * root.scale + padding
         color: Appearance.colors.colLayer0
         border.width: 1
-        border.color: Appearance.m3colors.m3outlineVariant
+        border.color: Appearance.colors.colLayer0Border
 
         ColumnLayout { // Workspaces
             id: workspaceColumnLayout

.config/quickshell/ii/modules/overview/SearchWidget.qml

@@ -163,7 +163,7 @@ Item { // Wrapper
         radius: Appearance.rounding.large
         color: Appearance.colors.colLayer0
         border.width: 1
-        border.color: Appearance.m3colors.m3outlineVariant
+        border.color: Appearance.colors.colLayer0Border
 
         ColumnLayout {
             id: columnLayout

.config/quickshell/ii/modules/sidebarLeft/SidebarLeft.qml

@@ -96,7 +96,7 @@ Scope { // Scope
                 height: parent.height - Appearance.sizes.hyprlandGapsOut * 2
                 color: Appearance.colors.colLayer0
                 border.width: 1
-                border.color: Appearance.m3colors.m3outlineVariant
+                border.color: Appearance.colors.colLayer0Border
                 radius: Appearance.rounding.screenRounding - Appearance.sizes.hyprlandGapsOut + 1
 
                 Behavior on width {

.config/quickshell/ii/modules/sidebarRight/SidebarRight.qml

@@ -87,7 +87,7 @@ Scope {
                     implicitWidth: sidebarWidth - Appearance.sizes.hyprlandGapsOut * 2
                     color: Appearance.colors.colLayer0
                     border.width: 1
-                    border.color: Appearance.m3colors.m3outlineVariant
+                    border.color: Appearance.colors.colLayer0Border
                     radius: Appearance.rounding.screenRounding - Appearance.sizes.hyprlandGapsOut + 1
 
                     ColumnLayout {