html {
--sidebery-width: 40px;
--sidebery-hidden-width: 10px;
--sidebery-open-width: 250px;
--sidebery-border-color: color-mix(
in srgb,
var(--sidebar-border-color) 60%,
transparent
);
--sidebery-background-color: var(--zen-colors-tertiary);
--lwt-sidebar-background-color: var(--zen-colors-tertiary);
--sidebar-background-color: var(--zen-colors-tertiary);
--tabbrowser-padding: var(--zen-element-separation);
}
#sidebar-splitter {
margin: 0 -2px 0 -2px !important;
}
#sidebar-box {
background-color: var(--zen-colors-tertiary) !important;
left: calc(var(--zen-element-separation));
border: 1px solid var(--sidebery-border-color) !important;
margin-left: 0 !important;
margin-right: var(--zen-element-separation) !important;
}
#sidebar-header {
padding: var(--zen-element-separation) !important;
border-color: var(--sidebery-border-color) !important;
font-size: 1em !important;
border-width: 1px !important;
}
#tabbrowser-tabbox {
padding-left: var(--tabbrowser-padding) !important;
}
@media (-moz-bool-pref: "theme.sidebery.hide-zen-tabbar") {
#navigator-toolbox {
position: absolute;
left: -100%;
}
#zen-sidebar-splitter {
display: none;
}
}
@media (-moz-bool-pref: "theme.sidebery.hide-zen-tabbar") and (-moz-bool-pref: "theme.sidebery.compact-view") {
#sidebar-box {
border-left-width: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
}
@media (-moz-bool-pref: "theme.sidebery.compact-view") {
#tabbrowser-tabbox {
--tabbrowser-padding: calc(
var(--sidebery-width) + var(--zen-element-separation)
);
}
#sidebar-splitter {
display: none;
}
#sidebar-box {
z-index: 2;
position: absolute;
left: 0 !important;
top: 1px;
bottom: 1px;
box-shadow: none !important;
min-width: var(--sidebery-width) !important;
width: var(--sidebery-width) !important;
}
#sidebar-box:hover {
transition: width 150ms;
transition-delay: 50ms;
background-color: var(--zen-colors-tertiary) !important;
border-color: var(--zen-colors-border) !important;
width: var(--sidebery-open-width) !important;
}
#sidebar-box #sidebar-header {
display: none !important;
}
#sidebar-box #sidebar {
margin-left: var(--zen-element-separation) !important;
}
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]),
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
) {
--sidebery-width: var(--sidebery-hidden-width);
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#tabbrowser-tabbox,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#tabbrowser-tabbox {
--tabbrowser-padding: calc(
var(--sidebery-width) + var(--zen-element-separation)
);
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]) #sidebar-splitter,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-splitter {
display: none;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]) #sidebar-box,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box {
z-index: 2;
position: absolute;
left: 0 !important;
top: 1px;
bottom: 1px;
box-shadow: none !important;
min-width: var(--sidebery-width) !important;
width: var(--sidebery-width) !important;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#sidebar-box:hover,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box:hover {
transition: width 150ms;
transition-delay: 50ms;
background-color: var(--zen-colors-tertiary) !important;
border-color: var(--zen-colors-border) !important;
width: var(--sidebery-open-width) !important;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#sidebar-box
#sidebar-header,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box
#sidebar-header {
display: none !important;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#sidebar-box
#sidebar,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box
#sidebar {
margin-left: var(--zen-element-separation) !important;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#tabbrowser-tabbox,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#tabbrowser-tabbox {
--tabbrowser-padding: calc(var(--zen-element-separation) + 2px) !important;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]) #sidebar-box,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box {
opacity: 0;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#sidebar-box:hover,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box:hover {
opacity: 1;
}
:root[inDOMFullscreen="true"] #tabbrowser-tabbox {
--zen-element-separation: 0 !important;
}
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") {
window.sidebar-panel,
window#webextpanels-window {
background-color: transparent !important;
}
#sidebar-box {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
#sidebar-box #sidebar-header {
opacity: 0.75;
order: 0;
border-style: none !important;
border-bottom-style: solid !important;
}
}
@media (-moz-bool-pref: "theme.sidebery.sidebar-header.bottom-layout") {
#sidebar-box #sidebar-header {
order: 1;
border-style: none !important;
border-top-style: solid !important;
}
#sidebar-box #sidebar-header #sidebar-switcher-arrow {
list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg") !important;
}
}
@media (-moz-bool-pref: "theme.sidebery.sidebar-header.hide") {
#sidebar-box #sidebar-header {
display: none !important;
}
}