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 ────────────────────────────────────────────────────────
|
/* ── 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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user