library: the toolbar is a solid card under dark glass, because a backdrop blur over the frost lets titles through

This commit is contained in:
KeelrLeek committed 2026-09-09 12:12:56 -05:00
1 parent aaacfc9ff5
commit 4ea1582afc
1 file changed
+16 -11
+16 -11
View File
@@ -3583,18 +3583,23 @@
/* ── dark glass ──────────────────────────────────────────────────────── /* ── dark glass ────────────────────────────────────────────────────────
The ladder lives in global.css. Solid mode sees none of this. The ladder lives in global.css. Solid mode sees none of this.
The toolbar was the loudest surface on the page and it was loud for two The toolbar was the loudest surface on the page, measured on 2026-08-27
compounding reasons, both measured on 2026-08-27 with a known-colour with a known-colour ground substituted behind the window
ground substituted behind the window (research/scroll-diag/glassshot.mjs): (research/scroll-diag/glassshot.mjs): its 0.82 fill over the frost
its own fill nets 0.82 + 0.7075x0.18 = 0.947 — a slab by alpha alone — netted 0.947 — a slab by alpha alone — and dropping fill and filter
AND its backdrop-filter samples the see-through pane, which the made it the see-through card that shipped. It is SOLID again by
compositor flattens against black (the measurement lives in Kyle's word (2026-09-09: "just make it a solid bar"), and on purpose:
Sidebar.svelte). Chroma of the shipped bar, blue-minus-red over a a backdrop-filter over the pane's frost cannot hide thin content —
#6b3fa8 ground: +2, i.e. dead. Fill alone got it to +12; dropping the Chromium paints the filtered backdrop OVER the original, so a title
filter as well got it to +16, against +30 for the bare pane beside it. on bare frost stays crisp under the haze (measured that day, chroma
Both halves were needed, so both are here. */ +11 with the filter vs +17 without) — and the periscope twin built
that afternoon (a pane-level copy of the bar over a deepened band
cut, fogged by a page clone, GlassBar's pattern) still read as
broken on his screen and went the same day. An opaque card floating
on the glass: the elevated surface at full strength, hairline and
shadow as before, nothing behind it to sample. */
:global(:root.glass) .lib-toolbar { :global(:root.glass) .lib-toolbar {
background: rgba(255, 255, 255, 0.06); background: var(--bg-elevated);
backdrop-filter: none; backdrop-filter: none;
-webkit-backdrop-filter: none; -webkit-backdrop-filter: none;
} }