swarm ui: a solid backgrounds setting turns the frosted surfaces opaque
A gear-menu toggle, off by default: the header bar, badges and terminal panes lose their see-through fill and blur.
This commit is contained in:
parent
868c57321c
commit
099118d31e
1 changed files with 71 additions and 0 deletions
20
frontend/packages/shared/src/settings/solid-backgrounds.css
Normal file
20
frontend/packages/shared/src/settings/solid-backgrounds.css
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
/* 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;
|
||||
}
|
||||
Loading…
Reference in a new issue