From 39862fba2a8a6367bb655ee12c7440988d22fad2 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Sun, 27 Jul 2025 22:44:08 +0700
Subject: [PATCH] make panel borders more subtle

---
 .config/quickshell/ii/modules/bar/Bar.qml                   | 2 +-
 .config/quickshell/ii/modules/bar/weather/WeatherPopup.qml  | 2 +-
 .config/quickshell/ii/modules/cheatsheet/Cheatsheet.qml     | 2 +-
 .config/quickshell/ii/modules/common/Appearance.qml         | 1 +
 .config/quickshell/ii/modules/dock/Dock.qml                 | 2 +-
 .config/quickshell/ii/modules/overview/OverviewWidget.qml   | 2 +-
 .config/quickshell/ii/modules/overview/SearchWidget.qml     | 2 +-
 .config/quickshell/ii/modules/sidebarLeft/SidebarLeft.qml   | 2 +-
 .config/quickshell/ii/modules/sidebarRight/SidebarRight.qml | 2 +-
 9 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/.config/quickshell/ii/modules/bar/Bar.qml b/.config/quickshell/ii/modules/bar/Bar.qml
index a20862d40..173c61051 100644
--- a/.config/quickshell/ii/modules/bar/Bar.qml
+++ b/.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
diff --git a/.config/quickshell/ii/modules/bar/weather/WeatherPopup.qml b/.config/quickshell/ii/modules/bar/weather/WeatherPopup.qml
index 623e11904..827abea4f 100644
--- a/.config/quickshell/ii/modules/bar/weather/WeatherPopup.qml
+++ b/.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 {
diff --git a/.config/quickshell/ii/modules/cheatsheet/Cheatsheet.qml b/.config/quickshell/ii/modules/cheatsheet/Cheatsheet.qml
index 9eef904c4..6009392ab 100644
--- a/.config/quickshell/ii/modules/cheatsheet/Cheatsheet.qml
+++ b/.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
diff --git a/.config/quickshell/ii/modules/common/Appearance.qml b/.config/quickshell/ii/modules/common/Appearance.qml
index 2428406a6..9c9374860 100644
--- a/.config/quickshell/ii/modules/common/Appearance.qml
+++ b/.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);
diff --git a/.config/quickshell/ii/modules/dock/Dock.qml b/.config/quickshell/ii/modules/dock/Dock.qml
index 0c5e12f18..82d1ffba1 100644
--- a/.config/quickshell/ii/modules/dock/Dock.qml
+++ b/.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
                         }
 
diff --git a/.config/quickshell/ii/modules/overview/OverviewWidget.qml b/.config/quickshell/ii/modules/overview/OverviewWidget.qml
index c45867d40..550d72c1a 100644
--- a/.config/quickshell/ii/modules/overview/OverviewWidget.qml
+++ b/.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
diff --git a/.config/quickshell/ii/modules/overview/SearchWidget.qml b/.config/quickshell/ii/modules/overview/SearchWidget.qml
index 219ba0f7d..2f4cdfada 100644
--- a/.config/quickshell/ii/modules/overview/SearchWidget.qml
+++ b/.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
diff --git a/.config/quickshell/ii/modules/sidebarLeft/SidebarLeft.qml b/.config/quickshell/ii/modules/sidebarLeft/SidebarLeft.qml
index e5a661eb9..0aed7b75d 100644
--- a/.config/quickshell/ii/modules/sidebarLeft/SidebarLeft.qml
+++ b/.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 {
diff --git a/.config/quickshell/ii/modules/sidebarRight/SidebarRight.qml b/.config/quickshell/ii/modules/sidebarRight/SidebarRight.qml
index 91eb7b0a6..a96ba5769 100644
--- a/.config/quickshell/ii/modules/sidebarRight/SidebarRight.qml
+++ b/.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 {