peter/siftlode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui): brighten dark-mode glass so the frost is visible over dark UI

Browse source 
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).
This commit is contained in:
npeter83 2026-06-16 01:57:41 +02:00
parent 416ffa3fb8
commit ec4d694e15
1 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/index.css
View file

@ -86,6 +86,13 @@ html[data-theme="dark"] body {
var(--bg); var(--bg);
background-attachment: fixed; 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. */ /* Performance mode (Settings → Appearance) drops the expensive blur + soft shadows. */
html[data-perf="1"] .glass, html[data-perf="1"] .glass,