Files
zeekay c95570e34a Rename all zen references to enso in themes
Update CSS custom properties (--zen-* → --enso-*),
attribute selectors, preference keys, element IDs,
and descriptive text across all themes, scripts,
and metadata files.
2026-02-10 03:51:47 -08:00

56 lines
2.0 KiB
CSS

@media (-moz-bool-pref: "enso.view.use-single-toolbar") {
.browserSidebarContainer.deck-selected::before {
content: "" !important;
position: absolute !important;
top: 0px !important;
left: 0px !important;
height: 4px !important; /* Height of the top background */
max-width: 100% !important;
width: var(--bar-pcent) !important; /* Ensure full width or customizable width */
background-color: var(--bar-colour) !important; /* Solid color for the bar */
border-radius: 0 2px 2px 0; /* Adjust this value to control the roundness of the ends */
z-index: 1 !important;
transition: width 0.5s ease-in-out, background 0.2s ease !important; /* Apply smooth transition on width and background */
} /* Current tab loading progress and muted status */
.browserSidebarContainer.deck-selected:has([enso-glance-selected])::before,
.browserSidebarContainer.deck-selected.enso-glance-overlay::before {
max-width: calc(85%) !important;
left: calc(15%/2) !important;
border-radius: 6px !important;
}
.browserSidebarContainer.deck-selected.enso-glance-background::before {
background: transparent !important;
height: 0px !important;
}
:root {
&:has(.tabbrowser-tab[selected][busy]) {
--bar-colour: var(--enso-primary-color);
--bar-pcent: 15%;
}
&:has(.tabbrowser-tab[selected][busy][pendingicon]) {
--bar-colour: var(--enso-primary-color);
--bar-pcent: 45%;
}
&:has(.tabbrowser-tab[selected][busy][pendingicon][progress]) {
--bar-colour: var(--enso-primary-color);
--bar-pcent: 85%;
}
&:has(.tabbrowser-tab[selected][busy][progress]) {
--bar-colour: var(--enso-primary-color);
--bar-pcent: 95%;
}
&:has(.tabbrowser-tab[selected][muted]:not([busy])) {
--bar-colour: orangered;
--bar-pcent: 100%;
.browserSidebarContainer.deck-selected::before {
border-radius: 0;
}
}
}
}