099118d31e
A gear-menu toggle, off by default: the header bar, badges and terminal panes lose their see-through fill and blur.
20 lines
785 B
CSS
20 lines
785 B
CSS
/* The frosted surfaces, made opaque while `data-solid="true"` is on `<html>`
|
|
(`solid-backgrounds.tsx`). Each rule names the same surface as the rule that
|
|
makes it see-through, with `html:root` in front so it outranks that rule's
|
|
theme variants whatever order the stylesheets load in. The dialog scrim is
|
|
left alone: it dims the page on purpose. */
|
|
html:root[data-solid="true"] .shell-header {
|
|
background: var(--bg-elev);
|
|
-webkit-backdrop-filter: none;
|
|
backdrop-filter: none;
|
|
}
|
|
html:root[data-solid="true"] .ui-badge:not(.ui-badge-quiet) {
|
|
background: var(--purple-dim);
|
|
-webkit-backdrop-filter: none;
|
|
backdrop-filter: none;
|
|
}
|
|
html:root[data-solid="true"] .terminal-wrap {
|
|
background: var(--crust);
|
|
-webkit-backdrop-filter: none;
|
|
backdrop-filter: none;
|
|
}
|