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 ────────────────────────────────────────────────────────
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
compounding reasons, both measured on 2026-08-27 with a known-colour
ground substituted behind the window (research/scroll-diag/glassshot.mjs):
its own fill nets 0.82 + 0.7075x0.18 = 0.947 — a slab by alpha alone —
AND its backdrop-filter samples the see-through pane, which the
compositor flattens against black (the measurement lives in
Sidebar.svelte). Chroma of the shipped bar, blue-minus-red over a
#6b3fa8 ground: +2, i.e. dead. Fill alone got it to +12; dropping the
filter as well got it to +16, against +30 for the bare pane beside it.
Both halves were needed, so both are here. */
The toolbar was the loudest surface on the page, measured on 2026-08-27
with a known-colour ground substituted behind the window
(research/scroll-diag/glassshot.mjs): its 0.82 fill over the frost
netted 0.947 — a slab by alpha alone — and dropping fill and filter
made it the see-through card that shipped. It is SOLID again by
Kyle's word (2026-09-09: "just make it a solid bar"), and on purpose:
a backdrop-filter over the pane's frost cannot hide thin content —
Chromium paints the filtered backdrop OVER the original, so a title
on bare frost stays crisp under the haze (measured that day, chroma
+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 {
background: rgba(255, 255, 255, 0.06);
background: var(--bg-elevated);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}