Download Firefox / Download WaveFox
WaveFox v1.7.130+
-
- Firefox 130+
- Windows / MacOS / Linux
-
Download the
chrome
folder and put it in your user profile folder -
Go to
about:config
and activate the keytoolkit.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
Requires Linux with transparency support. Works only with the system theme.
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.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.LightTheme.Tabs.Shadows.Blur.Low.Enabled
(Shadow like border)
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.DarkTheme.Tabs.Shadows.Blur.Low.Enabled
(Shadow like border)
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
This is third-party code. 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.SelectedTabIndicator.Enabled
userChrome.Tabs.TabsOnBottom.Enabled
browser.tabs.inTitlebar
(Required key. Set the value to 0)
userChrome.OneLine.TabBarFirst.Enabled
userChrome.OneLine.NavBarFirst.Enabled
WaveFox v1.6.128 ESR
-
- Firefox 128 ESR
- Windows / MacOS / Linux
-
Download the
chrome
folder and put it in your user profile folder -
Go to
about:config
and activate the keytoolkit.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.
Requires Linux with transparency support. Works only with the system theme.
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
WaveFox v1.6.115.0.3 ESR
-
- Firefox 115 ESR
- 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
layout.css.has-selector.enabled
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
Works with modern versions of Windows 11 / Windows 10. System effects must be supported on the operating system side. Otherwise, you need third-party software, such as Mica For Everyone. You also need to disable the accent color in the operating system settings, if it was enabled. Works only with the system theme.
Download and install Mica For Everyone from here.
userChrome.Windows.SystemEffects.Enabled
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
Requires Linux with transparency support. Works only with the system theme.
userChrome.Linux.Transparency.Enabled
gfx.webrender.all
(Required key)
The tab frame consists of type, color and saturation. Not compatible with themes that use a translucent toolbar.
userChrome.LightTheme.TabFrameType.Border.Enabled
userChrome.LightTheme.TabFrameType.Shadow.Enabled
userChrome.LightTheme.TabFrameColor.Auto.Enabled
userChrome.LightTheme.TabFrameColor.White.Enabled
userChrome.LightTheme.TabFrameColor.Black.Enabled
userChrome.LightTheme.TabFrameSaturation.Low.Enabled
userChrome.LightTheme.TabFrameSaturation.Medium.Enabled
userChrome.LightTheme.TabFrameSaturation.High.Enabled
userChrome.LightTheme.TabFrameSaturation.VeryHigh.Enabled
userChrome.DarkTheme.TabFrameType.Border.Enabled
userChrome.DarkTheme.TabFrameType.Shadow.Enabled
userChrome.DarkTheme.TabFrameColor.Auto.Enabled
userChrome.DarkTheme.TabFrameColor.White.Enabled
userChrome.DarkTheme.TabFrameColor.Black.Enabled
userChrome.DarkTheme.TabFrameSaturation.Low.Enabled
userChrome.DarkTheme.TabFrameSaturation.Medium.Enabled
userChrome.DarkTheme.TabFrameSaturation.High.Enabled
userChrome.DarkTheme.TabFrameSaturation.VeryHigh.Enabled
userChrome.TabSeparatorsLowSaturation-Enabled
userChrome.TabSeparatorsMediumSaturation-Enabled
By default context menus follow the selected interface density, but it is possible to set a fixed size.
Compact | Normal | Touch |
---|---|---|
![]() |
![]() |
![]() |
userChrome.CompactContextMenu-Enabled
userChrome.NormalContextMenu-Enabled
userChrome.TouchContextMenu-Enabled
Regular | Filled |
---|---|
![]() |
![]() |
userChrome.RegularMenuIcons-Enabled
userChrome.FilledMenuIcons-Enabled
userChrome.DragSpace.Left.Disabled
userChrome.DragSpace.Right.Disabled
userChrome.DragSpace.Top.Windowed.Enabled
userChrome.DragSpace.Top.Maximized.Enabled
userChrome.DragSpace.Top.Fullscreen.Enabled
userChrome.PinnedTabsWidthLowIncrease-Enabled
userChrome.PinnedTabsWidthHighIncrease-Enabled
userChrome.Tabs.SelectedTabIndicator.Enabled
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)
Low values are more suitable for high resolution monitors.
userChrome.OneLine.NavBarWidth.Low.Enabled
userChrome.OneLine.NavBarWidth.Medium.Enabled
userChrome.OneLine.NavBarWidth.High.Enabled
userChrome.TabsOnBottom-Enabled
browser.tabs.inTitlebar
(Required key. Set the value to 0)
How to enable blur on Linux?
How to add third-party styles to WaveFox v1.x.130+?
Open userChrome.css
and paste your code under the appropriate comment. Your code has the highest priority by default.
How to enable Accent Color on Windows 11 / Windows 10?
browser.theme.windows.accent-color-in-tabs.enabled
How to enable Tinting / Vibrancy on MacOS?
browser.theme.macos.native-theme
widget.macos.titlebar-blend-mode.behind-window
widget.macos.sidebar-blend-mode.behind-window