-
- Firefox 123 + WaveFox v1.6.123
- Firefox 122 + WaveFox v1.6.122
- 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
svg.context-properties.content.enabled
-
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
Create a file third_party_custom_styles.css
, add the desired styles inside and put it in the chrome
folder. 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.
browser.theme.windows.accent-color-in-tabs.enabled
Requires Linux with transparency support. Tested on Manjaro KDE + ForceBlur. Works only with the system theme. If you encounter a ghosting effect, increase the blur (Issue #102).
userChrome.Linux.Transparency.Low.Enabled
userChrome.Linux.Transparency.Medium.Enabled
userChrome.Linux.Transparency.High.Enabled
userChrome.Linux.Transparency.VeryHigh.Enabled
gfx.webrender.all
(Required key)browser.tabs.inTitlebar
>1
(Required key)
userChrome.LightTheme.Tabs.Borders.Enabled
userChrome.DarkTheme.Tabs.Borders.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
svg.context-properties.content.enabled
(Required key)
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
browser.tabs.inTitlebar
(Enable this key if there are problems with window control buttons. Set the value to 0)svg.context-properties.content.enabled
(Required key)
Low values are better for ultra widescreen monitors
userChrome.OneLine.NavBarWidth.Low.Enabled
userChrome.OneLine.NavBarWidth.Medium.Enabled
userChrome.OneLine.NavBarWidth.High.Enabled