From ec4d694e15d92710e10b1abf13127cc536c2fd36 Mon Sep 17 00:00:00 2001 From: npeter83 Date: Tue, 16 Jun 2026 01:57:41 +0200 Subject: [PATCH] feat(ui): brighten dark-mode glass so the frost is visible over dark UI Dark glass looked nearly flat because the blurred backdrop is itself dark. Add a brightness lift to backdrop-filter in dark mode for .glass/.glass-menu so the frosted sheen reads even over dark surfaces (over colourful content it just looks richer). Perf-mode still disables the blur (later rule wins). --- frontend/src/index.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/frontend/src/index.css b/frontend/src/index.css index ecee970..6225ce3 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -86,6 +86,13 @@ html[data-theme="dark"] body { var(--bg); background-attachment: fixed; } +/* Dark glass reads faint because the blurred backdrop is itself dark; lift its brightness so + the frosted sheen shows even over dark UI (over colourful content it just looks richer). */ +html[data-theme="dark"] .glass, +html[data-theme="dark"] .glass-menu { + backdrop-filter: blur(30px) saturate(1.7) brightness(1.4); + -webkit-backdrop-filter: blur(30px) saturate(1.7) brightness(1.4); +} /* Performance mode (Settings → Appearance) drops the expensive blur + soft shadows. */ html[data-perf="1"] .glass,