From 29346be8d468d72778dcbf7b9e984396c491e940 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Wed, 15 Oct 2025 21:12:54 -0400
Subject: [PATCH] Adjust sidebar overlay stacking and blur

---
 css/tailwind.source.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/css/tailwind.source.css b/css/tailwind.source.css
index 3a282692..0b7210e6 100644
--- a/css/tailwind.source.css
+++ b/css/tailwind.source.css
@@ -2727,10 +2727,15 @@
     opacity: 0;
     pointer-events: none;
     transition: opacity 300ms ease;
+    z-index: var(--z-sidebar-overlay);
+    --sidebar-overlay-open-opacity: 1;
+    --sidebar-overlay-backdrop-blur: var(--overlay-backdrop-blur);
+    backdrop-filter: blur(var(--sidebar-overlay-backdrop-blur));
+    -webkit-backdrop-filter: blur(var(--sidebar-overlay-backdrop-blur));
   }
 
-  body.sidebar-open #sidebarOverlay {
-    opacity: 1;
+  body.sidebar-open:not(.modal-open) #sidebarOverlay {
+    opacity: var(--sidebar-overlay-open-opacity);
     pointer-events: auto;
   }
 
@@ -2775,6 +2780,13 @@
     body.sidebar-open {
       overflow: hidden;
     }
+
+    body.sidebar-open:not(.modal-open) #sidebarOverlay {
+      --sidebar-overlay-open-opacity: 0.85;
+      --sidebar-overlay-backdrop-blur: calc(
+        var(--overlay-backdrop-blur) * 0.75
+      );
+    }
   }
 
   @media (min-width: theme('screens.md')) {