|
|
# Tab center Reborn tweaks
|
|
|
# Tab Center Reborn tweaks
|
|
|
|
|
|
## Synchronize loading indicators animation
|
|
|
|
|
|
The animations of loading indicators of different tabs can be synchronized.
|
|
|
|
|
|
On Firefox Developer Edition and Firefox Nightly only, go to `about:config` and make sure `dom.animations-api.getAnimations.enabled` is set to `true`.
|
|
|
|
|
|
# CSS Tweaks
|
|
|
|
|
|
To add custom CSS, open the extension's preferences page by either:
|
|
|
- Clicking on the gear icon in the sidebar.
|
... | ... | @@ -8,30 +16,15 @@ You will find the Custom CSS at the bottom of that page. |
|
|
|
|
|
Warning: when writing your own CSS rules, please try to be specific and avoid using `!important` to limit the scope of your changes, so that it avoids most potential breakages ([see issue 21](https://framagit.org/ariasuni/tabcenter-reborn/issues/21#note_425186)).
|
|
|
|
|
|
## Synchronize loading indicators animation
|
|
|
|
|
|
The animations of loading indicators of different tabs can be synchronized.
|
|
|
|
|
|
On Firefox Developer Edition and Firefox Nightly only, go to `about:config` and make sure `dom.animations-api.getAnimations.enabled` is set to `true`.
|
|
|
|
|
|
## Change styling of unread tabs [#283](https://github.com/eoger/tabcenter-redux/issues/283)
|
|
|
|
|
|
<details>
|
|
|
<summary>Show/Hide CSS</summary>
|
|
|
|
|
|
```css
|
|
|
.tab[notselectedsinceload="true"] {
|
|
|
.tab.discarded {
|
|
|
font-style: italic;
|
|
|
}
|
|
|
```
|
|
|
</details>
|
|
|
|
|
|
## Reduce the dimming of unloaded/discarded tabs
|
|
|
|
|
|
<details>
|
|
|
<summary>Show/Hide CSS</summary>
|
|
|
|
|
|
```css
|
|
|
.tab.discarded .tab-title {
|
|
|
opacity: 0.65; /* default is 0.5 */
|
|
|
}
|
... | ... | @@ -282,23 +275,24 @@ For Firefox 64 and ulterior, with no animation (hiding of scrollbar can’t be a |
|
|
|
|
|
To use the following tweaks, first:
|
|
|
1. Go to `about:config`.
|
|
|
2. Change `toolkit.legacyUserProfileCustomizations.stylesheets` to `true` if the key exists and its value is set to `false`.
|
|
|
3. Navigate to `about:support` and open your profile folder.
|
|
|
4. Create a file called `userChrome.css` in a directory called `chrome`.
|
|
|
2. Set, if it exists, `toolkit.legacyUserProfileCustomizations.stylesheets` to `true`.
|
|
|
3. Navigate to `about:support` and search “Profile Directory” then click on “Open Directory”.
|
|
|
4. Create a directory `chrome`
|
|
|
5. Create a file called `userChrome.css` in `chrome`.
|
|
|
|
|
|
You can then add your desired tweaks to the file.
|
|
|
You can then add your desired tweaks to the file `userChrome.css`. You will need to restart Firefox to apply changes.
|
|
|
|
|
|
## Hide the horizontal tab strip [#15](https://github.com/eoger/tabcenter-redux/issues/15)
|
|
|
|
|
|
With this trick, the menubar is hidden all the time, except when menubar is shown (when pressing alt), and when the browser is in customizing mode.
|
|
|
With this trick, the menubar is hidden all the time, except the browser is in customizing mode.
|
|
|
|
|
|
First navigate to [about:config](http://kb.mozillazine.org/About:config) and toggle `browser.tabs.drawInTitlebar` to `false`.
|
|
|
First navigate to `about:config` and, if it exists, set `browser.tabs.drawInTitlebar` to `false`.
|
|
|
|
|
|
<details>
|
|
|
<summary>Show/Hide CSS</summary>
|
|
|
|
|
|
```css
|
|
|
#main-window:not([customizing]):not([tabsintitlebar="true"]) #toolbar-menubar[inactive="true"] + #TabsToolbar {
|
|
|
#TabsToolbar:not([customizing="true"]) {
|
|
|
visibility: collapse !important;
|
|
|
}
|
|
|
/* if the titlebar is also hidden and your browser is maximized,
|
... | ... | |