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

fix(ui): stronger frosted glass + frosted settings backdrop; declutter header

Browse source 
- Increase .glass blur (32px) so overlay menus (account) read as proper frosted glass.
- Blur the settings modal backdrop (overlay backdrop-blur) so the panel reliably
  frosts the content behind it instead of showing a sharp video through.
- Remove the now-redundant header buttons (dark/light, color scheme, grid/list) —
  they live in Settings → Appearance. Header keeps search, sync, bell, account.
This commit is contained in:
npeter83 2026-06-11 22:16:07 +02:00
parent b7d448b403
commit 4a35e8b42a
4 changed files with 8 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/index.css
View file

@ -32,11 +32,11 @@ body {
/* ===== Liquid-glass surface system (theme-aware, GPU-light) ===== */
.glass {
/* Mostly opaque so overlay menus/panels stay readable over arbitrary content;
the blur + slight translucency keep the glassy feel. */
background: color-mix(in srgb, var(--surface) 90%, transparent);
backdrop-filter: blur(24px) saturate(1.7);
-webkit-backdrop-filter: blur(24px) saturate(1.7);
/* Frosted overlay surface: strong blur so background content is an unreadable
blur, plus enough opacity to stay legible over anything. */
background: color-mix(in srgb, var(--surface) 86%, transparent);
backdrop-filter: blur(32px) saturate(1.8);
-webkit-backdrop-filter: blur(32px) saturate(1.8);
border: 1px solid color-mix(in srgb, var(--border) 75%, transparent);
box-shadow:
inset 0 1px 0 color-mix(in srgb, #fff 15%, transparent),