WaveFox
Installation
-
Minimum Requirements:
- Firefox 99 and newer
- Firefox ESR 91.8.0 and newer
- Waterfox G4.1.1 and newer
- Windows 7 and newer
- MacOS 10 (Firefox 99+) / MacOS 11 (ESR / Waterfox) and newer
- Linux
-
Download the
chrome
folder and put it in the root folder (Also known as the user profile folder. You can easily get there fromabout:profiles
) -
Go to
about:config
and activate the keys below:
toolkit.legacyUserProfileCustomizations.stylesheets
svg.context-properties.content.enabled
layout.css.color-mix.enabled
How to create keys?
- Specify the desired shape of the tabs. Create and activate one of the keys below:
Style.Proton
Style.Photon
Style.WaveFox
Style.Chrome
Style.Edge
Style.Australis
Style.Chrome-Old
- Create and activate other keys. This step is optional
Style | Light | Dark |
---|---|---|
WaveFox | ||
Proton | ||
Photon | ||
Chrome | ||
Edge | ||
Chrome (Legacy) | ||
Australis |
Optional
Windows 11 Mica / Acrylic
Download and install MicaForEveryone from the link below.
https://github.com/minusium/MicaForEveryone/releases
Once installed, create and activate the key below. For transparency to work correctly, turn off the accent color in Windows 11 personalization and select the system theme in Firefox.
Mica
Acrylic
Mica / Acrylic
Style.Win11-Mica-Acrylic
Additional Container Indicator
Possibility to activate an additional indicator for better visibility.
Additional Indicator
Additional Indicator
Style.Additional-Container-Indicator
Shadows
There are two shadows available for use. Each shadow is completely independent. In most situations, one shadow is enough, but there are situations where a second shadow can be useful. Shadows are formed from a combination of blur and saturation.
Low Blur + Very High Saturation
Very High Blur + Low Saturation
A combination of shadows from the screenshots above
Main Shadow
Blur:
Style.Main-Shadow-Blur-Low
Style.Main-Shadow-Blur-Medium
Style.Main-Shadow-Blur-High
Style.Main-Shadow-Blur-Very-High
Saturation:
Style.Main-Shadow-Saturation-Low
Style.Main-Shadow-Saturation-Medium
Style.Main-Shadow-Saturation-High
Style.Main-Shadow-Saturation-Very-High
Additional Shadow
Blur:
Style.Additional-Shadow-Blur-Low
Style.Additional-Shadow-Blur-Medium
Style.Additional-Shadow-Blur-High
Style.Additional-Shadow-Blur-Very-High
Saturation:
Style.Additional-Shadow-Saturation-Low
Style.Additional-Shadow-Saturation-Medium
Style.Additional-Shadow-Saturation-High
Style.Additional-Shadow-Saturation-Very-High
Separators
It is possible to set the saturation of tab separators and disable the first separator.
Low Saturation
Very High Saturation
Separators
Style.Separators-Saturation-Low
Style.Separators-Saturation-Normal
Style.Separators-Saturation-High
Style.Separators-Saturation-Very-High
Style.Disable-First-Separator
AMO
Compatible with AMO. Since shadows do not work with these themes, the selected tab may be hard to see. It is possible to activate the tab frame for better visibility.
Without Tab Frame
With Tab Frame
AMO Tab Frame
Style.AMO-Tab-Frame
Density
By default, context menus follow the selected interface density, but it is possible to set a fixed size.
Compact | Normal | Touch |
---|---|---|
Density
Style.Context-Menus-Compact
Style.Context-Menus-Normal
Style.Context-Menus-Touch
Icons
There are two types of fluent style icons from Microsoft.
Regular | Filled |
---|---|
Icons
Style.Menu-Icons-Regular
Style.Menu-Icons-Filled
Pinned Tabs
Ability to control the width of pinned tabs.
No Offset
Very High Offset
Pinned Tabs Width
Style.Pinned-Tabs-Width-Offset-Low
Style.Pinned-Tabs-Width-Offset-Medium
Style.Pinned-Tabs-Width-Offset-High
Style.Pinned-Tabs-Width-Offset-Very-High
Drag Space
Ability to control the drag space.
No Drag Space
Drag Space Above Tabs
Drag Space
Style.Left-Drag-Space-Disabled
Style.Right-Drag-Space-Disabled
Windowed Mode
Style.Drag-Space-Above-Tabs-Windowed-Mode-Low
Style.Drag-Space-Above-Tabs-Windowed-Mode-Medium
Style.Drag-Space-Above-Tabs-Windowed-Mode-High
Style.Drag-Space-Above-Tabs-Windowed-Mode-Very-High
Maximized Mode
Style.Drag-Space-Above-Tabs-Maximized-Mode-Low
Style.Drag-Space-Above-Tabs-Maximized-Mode-Medium
Style.Drag-Space-Above-Tabs-Maximized-Mode-High
Style.Drag-Space-Above-Tabs-Maximized-Mode-Very-High
Fullscreen Mode
Style.Drag-Space-Above-Tabs-Fullscreen-Mode-Low
Style.Drag-Space-Above-Tabs-Fullscreen-Mode-Medium
Style.Drag-Space-Above-Tabs-Fullscreen-Mode-High
Style.Drag-Space-Above-Tabs-Fullscreen-Mode-Very-High
New Tab Button Like Pinned Tab
It is possible to make the new tab button as a pinned tab.
New Tab Button
Style.New-Tab-Button-Like-Pinned-Tab
Compact Plus
It is possible to make the tabs even more compact. Works only with compact mode.
Compact
Compact Plus
Compact Plus
Style.Compact-Plus