enneaa / WaveFox

CSS Style

WaveFox

Supported operating systems

• Windows 7 and newer
• Linux
• MacOS 11 and newer (MacOS support temporarily suspended. This does not mean that the style will not work, it just has not been personally verified by the author)

Features

• All themes supported (Tabs can be difficult to distinguish with some themes from the repository)
• All interface densities supported
• You can control the size of the drag space for each density in the "Custom Settings" section
• You can control the size of the context menus for each density in the "Custom Settings" section
• You can control the size and color of the shadows for each density in the "Custom Settings" section (Tab bar only)
• Media icons on tabs are always visible
• Accent color (Windows 11 / Windows 10)
• Vibrancy (MacOS)
• Various forms of tabs are supported
• Tabs under the bookmarks bar supported
• Menu icons support (Only the main menu)

Screenshots

Installation

1. Enter "about:profiles" in the address bar and open the root directory folder
2. Create a folder "chrome"
3. Download the "userChrome.css" file
4. Put the file "userChrome.css" in "chrome"
5. Enter "about:config" in the address bar
6. Looking for and changing the value of the following keys:

• toolkit.legacyUserProfileCustomizations.stylesheets > True
• svg.context-properties.content.enabled > True
• layout.css.color-mix.enabled > True
• If you want compact mode, set browser.compactmode.show > True and go to "Customize Toolbar"

7. By default, the shape of the tabs corresponds to the proton interface. To select a different form of tabs, go to "about:config" and create one of the keys below:

• Style.Photon > True
• Style.WaveFox > True
• Style.Chrome > True
• Style.Edge > True
• Style.Australis > True
• Style.Chrome-Old > True

To move tabs under the bookmarks bar, create a key below:

• Style.Tabs-On-Bottom > True
• browser.tabs.drawInTitlebar > 0 (To display window control buttons on Windows 7/8. Not necessary for other systems)

To enable icons in the main menu, create a key below:

• Style.Menu-Icons > True

8. Restart the browser

Tabs (Overflow mode)

Removed the ability to close tabs with the left mouse button in overflow mode to protect the user from accidental actions. Use the methods below to close tabs:

• Through the context menu
• By clicking on the mouse wheel
• browser.tabs.closeTabByDblclick > True
• Ctrl + W / Command + W closes the current tab