Git Product home page Git Product logo

wavefox's Introduction

WaveFox

Installation

  1. 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
  2. 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)

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

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

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

wavefox's People

Contributors

qnetitq avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.