GitHub - akkva/gwfox: Bringing a crisp new look to Firefox

Installation

Preference	Value	Platform / Notes
`toolkit.legacyUserProfileCustomizations.stylesheets`	true	Required
`svg.context-properties.content.enabled`	true	Required
`browser.newtabpage.activity-stream.nova.enabled`	true	Required
`browser.nova.enabled`	true	Required
`widget.windows.mica`	true	Windows
`widget.windows.mica.toplevel-backdrop`	2	Windows
`widget.gtk.rounded-bottom-corners.enabled`	true	Linux
`widget.macos.native-context-menus`	false	macOS

Important

Required for East Asian (CJK) input: Enable "Address Bar: show results during IME composition" in Settings > Firefox Labs.

Create these preferences in about:config to modify the UI:

Preference	Description	Notes
`gwfox.urlbar`	Move address bar to sidebar	Not for hover-expand mode
`gwfox.toolbar`	Auto-hide bookmarks toolbar
`gwfox.urlbar.ac`	Auto-collapse address bar	For horizontal tabs
`gwfox.blur`	Add acrylic effect to floating panel
`gwfox.ac`	Enable accent color	Edit `--bg0` in CSS to customize
`gwfox.atbc`	Adaptive Tab Bar Colour compatibility
`gwfox.newtab`	Enable New Tab transparency	Requires `allow_transparent_browser`
`gwfox.noborder`	Remove window borders
`gwfox.bms`	Enable main window transparency	Linux
`gwfox.icons`	Add menu icons
`gwfox.mwc`	Enable macOS-style window controls	Windows/Linux
`gwfox.msc`	Enable macOS-style tab close button
`gwfox.twc`	Enable theme-styled window controls	Windows/Linux
`gwfox.twc.ac`	Auto-collapse window controls
`gwfox.fxa`	Replace app menu icon with avatar	Requires sign-in
`gwfox.fsi`	Enable FluentUI System Icons

Note

When gwfox.urlbar is enabled, the collapsed sidebar expands in an Arc-like hover mode, which you can trigger from the left.
For gwfox.urlbar.ac: If you want it to trigger only when the window size is reduced, you can manually modify userChrome.css.

Click to expand steps

Search for the following line in your userChrome.css:

@media -moz-pref("gwfox.urlbar.ac") and (not -moz-pref("sidebar.verticalTabs")) {

And change it to:

@media -moz-pref("gwfox.urlbar.ac") and (not -moz-pref("sidebar.verticalTabs")) and (width < 1500px) {

Feel free to adjust 1500px to any value that fits your needs.

Preference	Description	Values
`gwfox.sidebar`	Set sidebar width	`1` (narrow), `3` (wide), or `otherwise` (default)
`gwfox.container`	Set container tab indicator	`1` (line), `2` (15% fill), `3` (50% fill), `4` (75% fill), `5` (full fill), or `otherwise` (dot)