WaveFox

Minimum Requirements

• Firefox 110
• Windows
• MacOS
• Linux

Installation

• Download the chrome folder and put it in your user profile folder. For convenience, use about:profiles

• Go to about:config and activate the keys below

  • toolkit.legacyUserProfileCustomizations.stylesheets
  • layout.css.color-mix.enabled
  • layout.css.has-selector.enabled (Firefox 113+ && v1.5.113 Beta)
  • svg.context-properties.content.enabled (Activate this key if the menu icons / tab corners do not follow the general design color. Previously seen only on MacOS)

• Specify the desired shape of the tabs.

  Creation of keys

  Restart your browser for the changes to take effect.

  

  Proton

  

  • userChrome.ProtonTabs-Enabled

  Photon

  

  • userChrome.PhotonTabs-Enabled

  WaveFox

  

  • userChrome.WaveFoxTabs-Enabled

  Chrome

  

  • userChrome.ChromeTabs-Enabled

  Edge

  

  • userChrome.EdgeTabs-Enabled

  Australis

  

  • userChrome.AustralisTabs-Enabled

  Chrome (Legacy)

  

  • userChrome.LegacyChromeTabs-Enabled

Optional

Windows System Effects

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

Toolbar Transparency

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 (Proton Tabs Only)

Linux Transparency

Requires Linux with transparency support. Tested on Linux Manjaro KDE + ForceBlur. Transparency is active for all modes, but does not work everywhere. This may change with future browser updates. Works only with the system theme.

• userChrome.Linux.Transparency.Enabled
• gfx.webrender.all (Required key)

Tab Frame

The tab frame consists of type, color and saturation. Not compatible with themes that use a translucent toolbar.

Light Theme

Type

• userChrome.LightTheme.TabFrameType.Border.Enabled
• userChrome.LightTheme.TabFrameType.Shadow.Enabled

Color

• userChrome.LightTheme.TabFrameColor.Auto.Enabled
• userChrome.LightTheme.TabFrameColor.White.Enabled
• userChrome.LightTheme.TabFrameColor.Black.Enabled

Saturation

• userChrome.LightTheme.TabFrameSaturation.Low.Enabled
• userChrome.LightTheme.TabFrameSaturation.Medium.Enabled
• userChrome.LightTheme.TabFrameSaturation.High.Enabled
• userChrome.LightTheme.TabFrameSaturation.VeryHigh.Enabled

Dark Theme

Type

• userChrome.DarkTheme.TabFrameType.Border.Enabled
• userChrome.DarkTheme.TabFrameType.Shadow.Enabled

Color

• userChrome.DarkTheme.TabFrameColor.Auto.Enabled
• userChrome.DarkTheme.TabFrameColor.White.Enabled
• userChrome.DarkTheme.TabFrameColor.Black.Enabled

Saturation

• userChrome.DarkTheme.TabFrameSaturation.Low.Enabled
• userChrome.DarkTheme.TabFrameSaturation.Medium.Enabled
• userChrome.DarkTheme.TabFrameSaturation.High.Enabled
• userChrome.DarkTheme.TabFrameSaturation.VeryHigh.Enabled

Tab Separators

• userChrome.TabSeparatorsLowSaturation-Enabled
• userChrome.TabSeparatorsMediumSaturation-Enabled

Menu Density

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

Icons

Regular	Filled

• userChrome.RegularMenuIcons-Enabled
• userChrome.FilledMenuIcons-Enabled

Drag Space

• userChrome.DragSpace.Left.Disabled
• userChrome.DragSpace.Right.Disabled
• userChrome.DragSpace.Top.Windowed.Enabled
• userChrome.DragSpace.Top.Maximized.Enabled
• userChrome.DragSpace.Top.Fullscreen.Enabled

Pinned Tabs Width

• userChrome.PinnedTabsWidthLowIncrease-Enabled
• userChrome.PinnedTabsWidthHighIncrease-Enabled

One Line

• 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

Tabs On Bottom

• userChrome.TabsOnBottom-Enabled
• browser.tabs.inTitlebar (Required key. Set the value to 0)