Files
desktop/src/zen/common/styles/zen-browser-container.css
2025-10-05 18:57:35 +02:00

45 lines
1.5 KiB
CSS

/*
* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
:root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) {
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer,
#tabbrowser-tabpanels[dragging-split='true'] {
width: -moz-available;
position: relative;
&.browserSidebarContainer {
:root:not([zen-no-padding='true']) &:not(.zen-glance-overlay) {
border-radius: var(--zen-native-inner-radius);
box-shadow: var(--zen-big-shadow);
overflow: clip;
}
& browser[type='content'] {
&:not([transparent='true']) {
background: light-dark(rgb(255, 255, 255), rgb(32, 32, 32));
}
&[transparent='true'] {
background: light-dark(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
}
}
@media not -moz-pref('layout.css.prefers-color-scheme.content-override', 2) {
& browser[type='content'] {
color-scheme: env(-moz-content-preferred-color-scheme);
}
}
@media -moz-pref('zen.theme.acrylic-elements') {
& browser[type='content'] {
/* For the rendering engine to apply layering optimizations. This
* is a hacky solution, but it works for now. */
will-change: transform;
}
}
}
}
}