YT-Advanced/WaveFox

Flexible theme for manual customization.

WaveFox

Minimum Requirements

• Firefox 116
• Firefox 115 ESR
• Windows
• MacOS
• Linux

Have a question not related to this project? These resources will help you

• Mozilla support
• Reddit (New)
• Reddit (Old / Read only)
• Fedia
• Reddit (CSS)
• Fedia (CSS)

Installation

• Download Firefox / Download WaveFox

  • Installation and available options for Firefox 115 ESR

• Download the chrome folder and put it in your user profile folder

  How to access user profile folder?

  

• Go to about:config and activate the keys below

  • toolkit.legacyUserProfileCustomizations.stylesheets
  • layout.css.has-selector.enabled
  • svg.context-properties.content.enabled (Activate this key if the menu icons don't follow the general design color)

• Specify the desired shape of the tabs

  How to create keys?

  

  Tabs (Option 1)

  

  • userChrome.Tabs.Option1.Enabled

  Tabs (Option 2)

  

  • userChrome.Tabs.Option2.Enabled

  Tabs (Option 3)

  

  • userChrome.Tabs.Option3.Enabled

  Tabs (Option 4)

  

  • userChrome.Tabs.Option4.Enabled

  Tabs (Option 5)

  

  • userChrome.Tabs.Option5.Enabled

  Tabs (Option 6)

  

  • userChrome.Tabs.Option6.Enabled

  Tabs (Option 7)

  

  • userChrome.Tabs.Option7.Enabled

  Tabs (Option 8)

  

  • userChrome.Tabs.Option8.Enabled

  Tabs (Option 9)

  

  • userChrome.Tabs.Option9.Enabled

  Tabs (Option 10)

  

  • userChrome.Tabs.Option10.Enabled

  Tabs (Option 11)

  

  • userChrome.Tabs.Option11.Enabled

  Tabs (Option 12)

  

  • userChrome.Tabs.Option12.Enabled

Optional

Tab Frame

The tab frame consists of type, color and saturation.

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

Selected Tab Indicator

• userChrome.Tabs.SelectedTabIndicator.Enabled