WaveFox icon indicating copy to clipboard operation
WaveFox copied to clipboard

Firefox CSS Theme/Style for manual customization

WaveFox

Minimum Requirements
  • Firefox 103 / ESR 102.1 (ESR has limited support. Some options may not work or work with limitations)
  • 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
    • svg.context-properties.content.enabled
    • layout.css.color-mix.enabled
  • Specify the desired shape of the tabs.

    Creation of keys Restart your browser for the changes to take effect.

    изображение изображение

    Proton

    Proton

    • userChrome.ProtonTabs-Enabled
    Photon

    Photon

    • userChrome.PhotonTabs-Enabled
    WaveFox

    WaveFox

    • userChrome.WaveFoxTabs-Enabled
    Chrome

    Modern Chrome

    • userChrome.ChromeTabs-Enabled
    Edge

    Edge

    • userChrome.EdgeTabs-Enabled
    Australis

    Australis

    • userChrome.AustralisTabs-Enabled
    Chrome (Legacy)

    Legacy Chrome

    • 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 MikaForEveryone. Works only with the system theme. изображение

Download and install MicaForEveryone from the link below.

https://github.com/minusium/MicaForEveryone/releases

  • userChrome.WindowsSystemEffects-Enabled

Toolbar Transparency

Works only with the system theme. изображение

  • userChrome.SemiTransparentToolbar-Enabled
  • userChrome.TransparentToolbar-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.LinuxSemiTransparency-Enabled
  • userChrome.LinuxTransparency-Enabled
  • gfx.webrender.all (Required key)

Colorways

https://www.reddit.com/r/firefox/comments/uq26ao/bringing_back_your_preferred_colorways/?utm_source=share&utm_medium=web2x&context=3

Additional Container Indicator

изображение

  • userChrome.AdditionalContainerIndicator-Enabled

Tab Bar Highlight

It is also possible to turn on the border and the shadow at the same time. изображение

Border
  • userChrome.LowBorderSaturation-Enabled
  • userChrome.MediumBorderSaturation-Enabled
  • userChrome.HighBorderSaturation-Enabled
  • userChrome.VeryHighBorderSaturation-Enabled
Shadow
  • userChrome.LowShadowSaturation-Enabled
  • userChrome.MediumShadowSaturation-Enabled
  • userChrome.HighShadowSaturation-Enabled
  • userChrome.VeryHighShadowSaturation-Enabled
    • userChrome.IncreaseShadowBlur-Enabled (Increases shadow blur above the default value)

Tab Separators

изображение

  • userChrome.TabSeparators-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.LeftSideDragSpace-Disabled
  • userChrome.RightSideDragSpace-Disabled
  • userChrome.DragSpaceAboveTabsWindowedMode-Disabled
  • userChrome.DragSpaceAboveTabsMaximizedMode-Enabled
  • userChrome.DragSpaceAboveTabsFullscreenMode-Enabled

Selected Tab Highlight

изображение

  • userChrome.SelectedTabHighlight-Enabled

Pinned Tabs Width

Снимок

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

Compact Plus (v1.5.105)

Works only with compact mode. изображение

  • userChrome.CompactPlus-Enabled

One Line (Bookmarks bar changed in v1.5.105)

The toolbar uses as much space as is needed for its contents. Leave only the most necessary elements. Place the optional ones in the hidden menu. Снимок

  • userChrome.OneLine-Enabled (Proton Tabs Only)
    • userChrome.ResponsiveBookmarksBar-Enabled (In this mode, the bookmarks bar will never take up more than 20% of the available screen space. Not relevant for v1.5.105)

Tabs On Bottom

Activation of the title bar in browser personalization may be required. изображение

  • userChrome.TabsOnBottom-Enabled