From 9040bad688d325e1aa2ac0ed85342ad8e641c520 Mon Sep 17 00:00:00 2001 From: "Alex Pooley (@zuedev)" Date: Sun, 12 Jul 2026 08:51:37 +0100 Subject: refine backdrop-filter for nav bar and sidebar to prevent double-blurring --- 174bg/handbook-vitepress/.vitepress/theme/style.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) (limited to '174bg/handbook-vitepress/.vitepress/theme/style.css') 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); } -- cgit v1.2.3