This fork contains some adjustments I made for my Firefox installation as well as the configuration I'm using. Note that this is a work in progress.
Name | Value |
---|---|
userChrome.Tabs.Option8.Enabled |
true |
userChrome.DarkTheme.TabFrameType.Shadow.Enabled |
true |
userChrome.TabSeparatorsMediumSaturation-Enabled |
true |
I'm using Firefox Color: color.firefox.com.
Counter
-
- Firefox 128 (ESR) + WaveFox v1.6.128
- Firefox 115 ESR + WaveFox v1.6.115.0.3
- Windows
- MacOS
- Linux
-
Download the
chrome
folder and put it in your user profile folder -
Go to
about:config
and activate the keys belowtoolkit.legacyUserProfileCustomizations.stylesheets
-
Specify the desired shape of the tabs
userChrome.Tabs.Option1.Enabled
userChrome.Tabs.Option2.Enabled
userChrome.Tabs.Option3.Enabled
userChrome.Tabs.Option4.Enabled
userChrome.Tabs.Option5.Enabled
userChrome.Tabs.Option6.Enabled
userChrome.Tabs.Option7.Enabled
userChrome.Tabs.Option8.Enabled
userChrome.Tabs.Option9.Enabled
userChrome.Tabs.Option10.Enabled
userChrome.Tabs.Option11.Enabled
userChrome.Tabs.Option12.Enabled
userChrome.Tabs.Option13.Enabled
Go to the chrome
folder and paste the desired styles inside the third_party_custom_styles.css
file. Please note that this file has maximum execution priority. It will overwrite all styles, regardless of selector specificity. I make no guarantees of compatibility and will not resolve any style conflicts you may encounter.
userChrome.Style.ThirdParty.Enabled
Functionality that will not be part of the style will be published in the discussions section as requests from users.
Works only with the system theme.
browser.theme.windows.accent-color-in-tabs.enabled
Works only with the system theme.
browser.theme.macos.native-theme
(MacOS 11+ / Tinting)widget.macos.titlebar-blend-mode.behind-window
(Vibrancy / Restart required)
Requires Linux with transparency support. Tested on Manjaro KDE Plasma 5 / Plasma 6. Works only with the system theme. If you encounter a ghosting effect, increase the blur.
userChrome.Linux.Transparency.Low.Enabled
userChrome.Linux.Transparency.Medium.Enabled
userChrome.Linux.Transparency.High.Enabled
userChrome.Linux.Transparency.VeryHigh.Enabled
browser.tabs.inTitlebar
>1
(Required key)
Works only with the system theme.
userChrome.Toolbar.Transparency.Low.Enabled
userChrome.Toolbar.Transparency.Medium.Enabled
userChrome.Toolbar.Transparency.High.Enabled
userChrome.Toolbar.Transparency.VeryHigh.Enabled
userChrome.LightTheme.Tabs.Borders.Saturation.Low.Enabled
userChrome.LightTheme.Tabs.Borders.Saturation.Medium.Enabled
userChrome.LightTheme.Tabs.Borders.Saturation.High.Enabled
userChrome.LightTheme.Tabs.Borders.Saturation.VeryHigh.Enabled
userChrome.DarkTheme.Tabs.Borders.Saturation.Low.Enabled
userChrome.DarkTheme.Tabs.Borders.Saturation.Medium.Enabled
userChrome.DarkTheme.Tabs.Borders.Saturation.High.Enabled
userChrome.DarkTheme.Tabs.Borders.Saturation.VeryHigh.Enabled
userChrome.LightTheme.Tabs.Shadows.Saturation.Low.Enabled
userChrome.LightTheme.Tabs.Shadows.Saturation.Medium.Enabled
userChrome.LightTheme.Tabs.Shadows.Saturation.High.Enabled
userChrome.LightTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled
userChrome.DarkTheme.Tabs.Shadows.Saturation.Low.Enabled
userChrome.DarkTheme.Tabs.Shadows.Saturation.Medium.Enabled
userChrome.DarkTheme.Tabs.Shadows.Saturation.High.Enabled
userChrome.DarkTheme.Tabs.Shadows.Saturation.VeryHigh.Enabled
userChrome.TabSeparators.Saturation.Low.Enabled
userChrome.TabSeparators.Saturation.Medium.Enabled
By default context menus follow the selected interface density, but it is possible to set a fixed size.
Compact | Normal | Touch |
---|---|---|
userChrome.Menu.Size.Compact.Enabled
userChrome.Menu.Size.Normal.Enabled
userChrome.Menu.Size.Touch.Enabled
Regular | Filled |
---|---|
userChrome.Menu.Icons.Regular.Enabled
userChrome.Menu.Icons.Filled.Enabled
Icons from Lepton.css are now available. Please note that this is third-party code. I am not its author and do not support it. I will not solve any problems associated with these icons. They were added at the request of some users and work "As is". I will update this code according to the original source.
svg.context-properties.content.enabled
userChrome.Menu.Icons.LeptonIcons.Enabled
userChrome.icon.panel_full
oruserChrome.icon.panel_photon
userChrome.icon.library
userChrome.icon.panel
userChrome.icon.menu
userChrome.icon.context_menu
userChrome.icon.global_menu
userChrome.icon.global_menubar
userChrome.icon.1-25px_stroke
userChrome.icon.account_image_to_right
userChrome.icon.account_label_to_right
userChrome.icon.menu.full
userChrome.icon.global_menu.mac
userChrome.DragSpace.Left.Disabled
userChrome.DragSpace.Right.Disabled
userChrome.DragSpace.Top.Windowed.Enabled
userChrome.DragSpace.Top.Maximized.Enabled
userChrome.DragSpace.Top.Fullscreen.Enabled
userChrome.Tabs.Pinned.Width.LowOffset.Enabled
userChrome.Tabs.Pinned.Width.HighOffset.Enabled
userChrome.Tabs.SelectedTabIndicator.Enabled
userChrome.Tabs.TabsOnBottom.Enabled
browser.tabs.inTitlebar
(Required key. Set the value to 0)
userChrome.OneLine.TabBarFirst.Enabled
userChrome.OneLine.NavBarFirst.Enabled