From d93c465176ff39b5b7487f910452e4d91ca0cb13 Mon Sep 17 00:00:00 2001 From: npeter83 Date: Sun, 9 Aug 2026 06:02:58 +0200 Subject: [PATCH] =?UTF-8?q?style(glass):=20tune=20the=20over-image=20tier?= =?UTF-8?q?=20=E2=80=94=20cards=20let=20the=20image=20show=20through?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The app-wide 'glass over image' tier: panels stay near-opaque (surface 90%, menu 100%) so chrome text is readable, but glass-card drops to 50% so the per-scheme backdrop image gently shows through the feed cards (blur 22, inset 10). User-tuned via the live GlassTuner and validated ("the image just barely shows through, text still readable"); supersedes the uniform-88% pass that had killed the image-through-cards look. Only the data-backdrop=on tier — :root (image off) and .glass-media (Plex art) unchanged. --- VERSION | 2 +- frontend/src/index.css | 23 +++++++++++++---------- frontend/src/lib/releaseNotes.ts | 7 +++++++ 3 files changed, 21 insertions(+), 11 deletions(-) diff --git a/VERSION b/VERSION index 4db9f0ca..cecb5432 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -0.60.6 +0.60.7 diff --git a/frontend/src/index.css b/frontend/src/index.css index 940cb88b..0b0d04d9 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -125,25 +125,28 @@ (`html[data-backdrop="on"]`), and on the Plex art-backed detail views (`.glass-media`, which have their own art backdrop even when the global image is off). When there's nothing behind the glass (image off / perf), the :root defaults keep it solid & readable. ===== */ -/* App-wide background image: the glass sits over the FEED (and menus over it), so readability wins. - Near-opaque with a strong blur — the backdrop image still tints through as soft colour, but the feed - behind the nav/popovers no longer punches through. This is SEPARATE from .glass-media below: the two - used to share one tier, which was the root cause — a value tuned for Plex art was forced onto the - whole app. (Tuned live on prod, 2026-08-08: 50% → 72% still too see-through; 88% reads clean.) */ +/* App-wide background image. Chrome stays readable — panels (.glass surface) near-opaque at 90% and + menus fully solid at 100% (a popover over the feed must not read through) — while the FEED CARDS + (.glass-card) are intentionally translucent at 50% so the per-scheme backdrop image gently shows + THROUGH the cards without hurting text. SEPARATE from .glass-media below (Plex art tier). (Tuned by + the user, 2026-08-09: 90/50/100 + inset 10 — "the image just barely shows through, text still + readable". Supersedes the 2026-08-08 uniform-88% pass, which killed the image-through-cards look.) */ html[data-backdrop="on"] { --glass-blur: 22px; --glass-saturate: 1.6; --glass-dark-bright: 1.2; - --glass-surface-alpha: 88%; - --glass-card-alpha: 90%; - --glass-menu-alpha: 93%; + --glass-surface-alpha: 90%; + --glass-card-alpha: 50%; + --glass-menu-alpha: 100%; --glass-border-alpha: 80%; --glass-edge: 25%; - --glass-inset: 15%; + --glass-inset: 10%; --glass-scrim: 30%; } /* Plex art-backed detail views: the glass sits over the item's OWN poster/art, which is MEANT to show - through richly — keep this tier translucent (unlike the app-wide one above). */ + through richly. Its PANELS/MENUS are more translucent than the app-wide tier above (72/85 vs 90/100), + but its cards are actually MORE solid (80 vs the app-wide 50) — the app-wide feed deliberately lets + its backdrop show through the cards, while here the poster reads through the panels instead. */ .glass-media { --glass-blur: 14px; --glass-saturate: 1.6; diff --git a/frontend/src/lib/releaseNotes.ts b/frontend/src/lib/releaseNotes.ts index bcada167..75348aaa 100644 --- a/frontend/src/lib/releaseNotes.ts +++ b/frontend/src/lib/releaseNotes.ts @@ -14,6 +14,13 @@ export interface ReleaseEntry { } export const RELEASE_NOTES: ReleaseEntry[] = [ + { + version: "0.60.7", + date: "2026-08-09", + fixes: [ + "Refined the frosted-glass look when a background image is on: the feed cards now let the image gently show through, while the panels and menus stay solid so text everywhere stays readable.", + ], + }, { version: "0.60.6", date: "2026-08-09",