... | ... | @@ -308,6 +308,41 @@ For Firefox 64 and ulterior, with no animation (hiding of scrollbar can’t be a |
|
|
```
|
|
|
</details>
|
|
|
|
|
|
## Merge active and container indicators on the left
|
|
|
|
|
|
<details>
|
|
|
<summary>Show/Hide CSS</summary>
|
|
|
|
|
|
```css
|
|
|
:root {
|
|
|
/* use a color that’s different enough from the blue of the default “Personal” container */
|
|
|
--tab-selected-line: var(--blue-40);
|
|
|
}
|
|
|
|
|
|
#tablist .tab.active:not(.hasContext),
|
|
|
#pinnedtablist:not(.compact) .tab.active:not(.hasContext) {
|
|
|
box-shadow: inset 5px 0 0px 0px var(--tab-selected-line);
|
|
|
}
|
|
|
|
|
|
#tablist .tab.hasContext,
|
|
|
#pinnedtablist:not(.compact) .tab.hasContext {
|
|
|
box-shadow: inset 3px 0 0px 0px var(--identity-color);
|
|
|
}
|
|
|
|
|
|
#tablist .tab.active.hasContext,
|
|
|
#pinnedtablist:not(.compact) .tab.active.hasContext {
|
|
|
box-shadow: inset 5px 0 0px 0px var(--identity-color);
|
|
|
}
|
|
|
|
|
|
body.incognito #tablist .tab:not(.hasContext) .tab-context,
|
|
|
body:not(.incognito) #tablist .tab.hasContext .tab-context,
|
|
|
body.incognito #pinnedtablist:not(.compact) .tab:not(.hasContext) .tab-context,
|
|
|
body:not(.incognito) #pinnedtablist:not(.compact) .tab.hasContext .tab-context {
|
|
|
box-shadow: unset;
|
|
|
}
|
|
|
```
|
|
|
</details>
|
|
|
|
|
|
# [userChrome.css](https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin) tweaks
|
|
|
|
|
|
To use the following tweaks, first:
|
... | ... | |