add border to panels

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

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

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

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

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

@@ -63,6 +63,8 @@ Item {
         implicitHeight: workspaceColumnLayout.implicitHeight + padding * 2
         radius: Appearance.rounding.screenRounding * root.scale + padding
         color: Appearance.colors.colLayer0
+        border.width: 1
+        border.color: Appearance.m3colors.m3outlineVariant
 
         ColumnLayout { // Workspaces
             id: workspaceColumnLayout

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

@@ -179,6 +179,8 @@ Item { // Wrapper
         implicitHeight: columnLayout.implicitHeight
         radius: Appearance.rounding.large
         color: Appearance.colors.colLayer0
+        border.width: 1
+        border.color: Appearance.m3colors.m3outlineVariant
 
         ColumnLayout {
             id: columnLayout

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

@@ -100,6 +100,8 @@ Scope { // Scope
                 width: sidebarRoot.sidebarWidth - Appearance.sizes.hyprlandGapsOut - Appearance.sizes.elevationMargin
                 height: parent.height - Appearance.sizes.hyprlandGapsOut * 2
                 color: Appearance.colors.colLayer0
+                border.width: 1
+                border.color: Appearance.m3colors.m3outlineVariant
                 radius: Appearance.rounding.screenRounding - Appearance.sizes.hyprlandGapsOut + 1
 
                 Behavior on width {

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

@@ -89,6 +89,8 @@ Scope {
                     implicitHeight: parent.height - Appearance.sizes.hyprlandGapsOut * 2
                     implicitWidth: sidebarWidth - Appearance.sizes.hyprlandGapsOut * 2
                     color: Appearance.colors.colLayer0
+                    border.width: 1
+                    border.color: Appearance.m3colors.m3outlineVariant
                     radius: Appearance.rounding.screenRounding - Appearance.sizes.hyprlandGapsOut + 1
 
                     ColumnLayout {