WaveFox

Installation

0. Minimum Requirements:

   • Firefox 97 and newer
   • Windows 7 and newer
   • MacOS 11 and newer (MacOS 10 since Firefox 99)
   • Linux

1. Download the chrome folder and put it in the root folder (Also known as the user profile folder. You can easily get there from about:profiles)

2. 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?

3. 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

4. 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

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

Added the ability to force drag space on or off.

No Drag Space

Drag Space Above Tabs

Drag Space

• Style.Left-Drag-Space-Disabled
• Style.Right-Drag-Space-Disabled
• Style.Drag-Space-Above-Tabs-All-States-Disabled
• Style.Drag-Space-Above-Tabs-All-States-Enabled

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