refine backdrop-filter for nav bar and sidebar to prevent double-blurring

1 files changed, 6 insertions, 3 deletions

diff --git a/174bg/handbook-vitepress/.vitepress/theme/style.css b/174bg/handbook-vitepress/.vitepress/theme/style.css
index a55ad93..3df7396 100644
--- a/174bg/handbook-vitepress/.vitepress/theme/style.css
+++ b/174bg/handbook-vitepress/.vitepress/theme/style.css
@@ -80,10 +80,13 @@ body {
   background-attachment: fixed;
 }
 
-/* Nav bar and sidebar become frosted glass panels over that grid. */
+/* Nav bar and sidebar become frosted glass panels over that grid. Only blur
+   on the outer elements - `.content-body` sits *inside* `.VPNavBar`, so
+   giving it its own `backdrop-filter` too double-blurs the (already blurred)
+   layer beneath it, which compounds into a flat near-black block instead of
+   a translucent panel. */
 .VPNavBar,
-.VPSidebar,
-.VPNavBar .content-body {
+.VPSidebar {
   backdrop-filter: blur(10px);
 }