fix(glass): solidify the translucent (backdrop-on) glass tier

With a background image on, glass surfaces used surface-alpha 50% + 10px blur, so the feed read
straight THROUGH the nav/menus/popovers (user-reported: distractingly transparent). Raised to
72%/80%/85% + 14px blur — the backdrop image still shows as soft colour, but content behind no longer
punches through. Verified in-browser: nav bg alpha 0.5 -> 0.72, no inline override on a clean pref.
This commit is contained in:
2026-08-08 13:34:35 +02:00
parent 1c693f31ae
commit 28dcbebf80
3 changed files with 15 additions and 5 deletions
+1 -1
View File
@@ -1 +1 @@
0.60.0 0.60.1
+7 -4
View File
@@ -99,12 +99,15 @@
glass (image off / perf), the :root defaults keep it solid & readable. ===== */ glass (image off / perf), the :root defaults keep it solid & readable. ===== */
html[data-backdrop="on"], html[data-backdrop="on"],
.glass-media { .glass-media {
--glass-blur: 10px; /* Solidified after user feedback (2026-08-08): 50%/10px let the feed read straight THROUGH the nav
and popovers — distractingly transparent. Higher alpha + a stronger blur keep the backdrop image
showing through as soft colour without the content behind punching through. */
--glass-blur: 14px;
--glass-saturate: 1.6; --glass-saturate: 1.6;
--glass-dark-bright: 1.2; --glass-dark-bright: 1.2;
--glass-surface-alpha: 50%; --glass-surface-alpha: 72%;
--glass-card-alpha: 60%; --glass-card-alpha: 80%;
--glass-menu-alpha: 66%; --glass-menu-alpha: 85%;
--glass-border-alpha: 80%; --glass-border-alpha: 80%;
--glass-edge: 25%; --glass-edge: 25%;
--glass-inset: 15%; --glass-inset: 15%;
+7
View File
@@ -14,6 +14,13 @@ export interface ReleaseEntry {
} }
export const RELEASE_NOTES: ReleaseEntry[] = [ export const RELEASE_NOTES: ReleaseEntry[] = [
{
version: "0.60.1",
date: "2026-08-08",
fixes: [
"With a background image on, the frosted panels (nav, menus, dialogs) are less see-through — the content behind them no longer reads through and distracts.",
],
},
{ {
version: "0.60.0", version: "0.60.0",
date: "2026-08-08", date: "2026-08-08",