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:
1 parent
aaacfc9ff5
commit
4ea1582afc
1 file changed
+16
-11
+16
-11
@@ -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;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user