From aadb38370c3984666ff7e632983271c82f080442 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Sat, 7 Jun 2025 14:58:41 +0200
Subject: [PATCH] adjust shadows

---
 .config/hypr/hyprland/general.conf                  |  8 ++++----
 .config/quickshell/modules/common/Appearance.qml    |  4 ++--
 .../quickshell/modules/sidebarLeft/SidebarLeft.qml  |  2 +-
 .../modules/sidebarRight/SidebarRight.qml           | 13 +++++++++++--
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/.config/hypr/hyprland/general.conf b/.config/hypr/hyprland/general.conf
index bf3475f9f..03ad06074 100644
--- a/.config/hypr/hyprland/general.conf
+++ b/.config/hypr/hyprland/general.conf
@@ -64,10 +64,10 @@ decoration {
     shadow {
         enabled = true
         ignore_window = true
-        range = 70
-        offset = 0 4
-        render_power = 2
-        color = rgba(00000020)
+        range = 30
+        offset = 0 2
+        render_power = 4
+        color = rgba(00000010)
     }
     
     # Dim
diff --git a/.config/quickshell/modules/common/Appearance.qml b/.config/quickshell/modules/common/Appearance.qml
index 7c1bc3104..9f83ac5cf 100644
--- a/.config/quickshell/modules/common/Appearance.qml
+++ b/.config/quickshell/modules/common/Appearance.qml
@@ -136,7 +136,7 @@ Singleton {
         property color colTooltip: "#3C4043" // m3colors.m3inverseSurface in the specs, but the m3 website actually uses this color
         property color colOnTooltip: "#F8F9FA" // m3colors.m3inverseOnSurface in the specs, but the m3 website actually uses this color
         property color colScrim: ColorUtils.transparentize(m3colors.m3scrim, 0.5)
-        property color colShadow: ColorUtils.transparentize(m3colors.m3shadow, 0.85)
+        property color colShadow: ColorUtils.transparentize(m3colors.m3shadow, 0.7)
     }
 
     rounding: QtObject {
@@ -288,7 +288,7 @@ Singleton {
         property real searchWidthCollapsed: 260
         property real searchWidth: 450
         property real hyprlandGapsOut: 5
-        property real elevationMargin: 8
+        property real elevationMargin: 10
         property real fabShadowRadius: 5
         property real fabHoveredShadowRadius: 7
     }
diff --git a/.config/quickshell/modules/sidebarLeft/SidebarLeft.qml b/.config/quickshell/modules/sidebarLeft/SidebarLeft.qml
index 5cfd79472..ce0b22802 100644
--- a/.config/quickshell/modules/sidebarLeft/SidebarLeft.qml
+++ b/.config/quickshell/modules/sidebarLeft/SidebarLeft.qml
@@ -97,7 +97,7 @@ Scope { // Scope
                 anchors.left: parent.left
                 anchors.topMargin: Appearance.sizes.hyprlandGapsOut
                 anchors.leftMargin: Appearance.sizes.hyprlandGapsOut
-                width: sidebarRoot.sidebarWidth - Appearance.sizes.hyprlandGapsOut * 2
+                width: sidebarRoot.sidebarWidth - Appearance.sizes.hyprlandGapsOut - Appearance.sizes.elevationMargin
                 height: parent.height - Appearance.sizes.hyprlandGapsOut * 2
                 color: Appearance.colors.colLayer0
                 radius: Appearance.rounding.screenRounding - Appearance.sizes.hyprlandGapsOut + 1
diff --git a/.config/quickshell/modules/sidebarRight/SidebarRight.qml b/.config/quickshell/modules/sidebarRight/SidebarRight.qml
index 57d836b0e..2bb92723d 100644
--- a/.config/quickshell/modules/sidebarRight/SidebarRight.qml
+++ b/.config/quickshell/modules/sidebarRight/SidebarRight.qml
@@ -52,8 +52,17 @@ Scope {
         Loader {
             id: sidebarContentLoader
             active: GlobalStates.sidebarRightOpen
-            anchors.centerIn: parent
-            width: sidebarWidth - Appearance.sizes.hyprlandGapsOut * 2
+            anchors {
+                top: parent.top
+                bottom: parent.bottom
+                right: parent.right
+                left: parent.left
+                topMargin: Appearance.sizes.hyprlandGapsOut
+                rightMargin: Appearance.sizes.hyprlandGapsOut
+                bottomMargin: Appearance.sizes.hyprlandGapsOut
+                leftMargin: Appearance.sizes.elevationMargin
+            }
+            width: sidebarWidth - Appearance.sizes.hyprlandGapsOut - Appearance.sizes.elevationMargin
             height: parent.height - Appearance.sizes.hyprlandGapsOut * 2
             
             sourceComponent: Item {