... | ... | @@ -181,15 +181,22 @@ Mozilla Firefox 57.0b11 (Developer Edition) |
|
|
|
|
|
**Note:** _**Use [Tab Center Redux 0.6.0](https://addons.mozilla.org/en-US/firefox/addon/tab-center-redux/versions/0.6.0) ─ CSS displays improperly with later versions.**_
|
|
|
|
|
|
This theme assumes that you use Firefox 57+ with the Dark theme enabled,
|
|
|
In the Tab Center Redux's settings, Enable the dark theme, and set Compact to 'Always'.
|
|
|
This theme assumes that you use Firefox 57+.
|
|
|
### Recommended Settings
|
|
|
|
|
|
**Update 2018-12-25 | Tested and Working with Firefox Nightly 57.0b11 ─> 65.0b6**
|
|
|
**May work with older/newer versions also.**
|
|
|
- Tab Center Redux > Settings > Dark Theme: Yes
|
|
|
- Tab Center Redux > Settings > Compact mode: Always
|
|
|
- Tab Center Redux > Settings > Compact Pinned Tabs
|
|
|
|
|
|
### [Install](https://github.com/JZersche/mozilla-zdark-tcr/tree/modern)
|
|
|
[Flat](https://github.com/JZersche/mozilla-zdark-tcr/tree/flat) |
|
|
|
[Modern](https://github.com/JZersche/mozilla-zdark-tcr/tree/modern) |
|
|
|
**2019 Reborn Update | <b> Use the new userChrome.css here instead: <br>
|
|
|
[NEW userChrome.css](https://pastebin.com/raw/vfAXxjfr) </b>**<br>
|
|
|
You will still need to use the original 0.6.0 Version of Tab Center Redux, but I am working on updating this to a new Reborn compatible version. Once the theme is adapted to Tab Center Reborn 0.9.0 Update, a link to the Reborn version will be provided here. and the old 0.6.0 will be purged from this page but they will stay on the original Tab Center Redux Wiki page.<br>
|
|
|
**0.6.0 Update 2019-4-26 | Still Working with Firefox 57-—>67**
|
|
|
**ᴍᴀʏ ᴀʟsᴏ ᴡᴏʀᴋ ᴡɪᴛʜ ᴏʟᴅᴇʀ ᴠᴇʀsɪᴏɴs**
|
|
|
|
|
|
### [Install 0.6.0 Version](https://github.com/JZersche/mozilla-zdark-tcr/tree/modern)
|
|
|
[Flat 0.6.0](https://github.com/JZersche/mozilla-zdark-tcr/tree/flat) |
|
|
|
[Modern 0.6.0](https://github.com/JZersche/mozilla-zdark-tcr/tree/modern) |
|
|
|
[Modern (Large Tabs)](https://github.com/JZersche/mozilla-zdark-tcr/tree/Modern-(Large))
|
|
|
|
|
|
<br><a href="https://github.com/JZersche/mozilla-zdark-tcr/tree/flat" target="_blank" rel="noopener"><img src="https://i.imgur.com/ew9ZjNz.png" width="49%" /></a>
|
... | ... | @@ -217,88 +224,6 @@ Changes the Context Menus to match the Dark Theme.<br /> |
|
|
<br><a href="#" target="_blank" rel="noopener"><img src="https://i.imgur.com/4qvQ8Pu.png" width="98%" /></a>
|
|
|
</details>
|
|
|
|
|
|
## wwalther's Minimal Light Theme
|
|
|
|
|
|
An extremely minimal adaption to match the default light theme of Firefox.
|
|
|
|
|
|
<a href="#" target="_blank" rel="noopener"><img src="https://i.imgur.com/zWeq2GM.png" width="49%" /></a>
|
|
|
<a href="#" target="_blank" rel="noopener"><img src="https://i.imgur.com/r1359qP.png" width="49%" /></a>
|
|
|
|
|
|
### Recommended Settings
|
|
|
```
|
|
|
Firefox (Hamburger Menu) >> Customize >> Themes >> Light
|
|
|
FireFox (Hamburger Menu) >> Customize >> Density >> Compact
|
|
|
Tab Center Redux >> Settings >> Compact Mode : Always
|
|
|
```
|
|
|
|
|
|
**Move the Tab Redux Icon to the left most position on the main toolbar.**<br>
|
|
|
**Insert a flexible space to the right side of it.**
|
|
|
|
|
|
### [CSS Code:](#for-tab-center-redux)
|
|
|
|
|
|
<details>
|
|
|
<summary>Show/Hide CSS</summary>
|
|
|
|
|
|
```css
|
|
|
#tablist-wrapper.shrinked .tab:not(.pinned)
|
|
|
{
|
|
|
height: 32px !important;
|
|
|
}
|
|
|
.tab[notselectedsinceload="true"]
|
|
|
{
|
|
|
font-style: italic;
|
|
|
}
|
|
|
```
|
|
|
|
|
|
</details>
|
|
|
|
|
|
### [userChrome.css](https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin):
|
|
|
|
|
|
|
|
|
<details>
|
|
|
|
|
|
<summary>Show/Hide CSS</summary>
|
|
|
|
|
|
```css
|
|
|
@-moz-document url("chrome://browser/content/browser.xul")
|
|
|
{
|
|
|
#titlebar-buttonbox
|
|
|
{
|
|
|
height: 32px !important;
|
|
|
}
|
|
|
#titlebar
|
|
|
{
|
|
|
margin-bottom: -32px !important;
|
|
|
}
|
|
|
#nav-bar
|
|
|
{
|
|
|
margin-right: 138px;
|
|
|
height: 32px !important;
|
|
|
-moz-box-ordinal-group: 1 !important;
|
|
|
}
|
|
|
#TabsToolbar
|
|
|
{
|
|
|
-moz-box-ordinal-group: 4 !important;
|
|
|
visibility: collapse !important;
|
|
|
}
|
|
|
#toolbar-menubar
|
|
|
{
|
|
|
-moz-box-ordinal-group: 3 !important;
|
|
|
}
|
|
|
#PersonalToolbar
|
|
|
{
|
|
|
-moz-box-ordinal-group: 2 !important;
|
|
|
}
|
|
|
#sidebar-box[sidebarcommand="tabcenter-reborn_ariasuni-sidebar-action"] #sidebar-header
|
|
|
{
|
|
|
visibility: collapse;
|
|
|
}
|
|
|
}
|
|
|
```
|
|
|
|
|
|
</details>
|
|
|
|
|
|
|
|
|
## Tobia's Dark Theme Origin
|
|
|
|
|
|
A simple dark theme that takes the look back to Test Pilot v1.21
|
... | ... | |