A Firefox userChrome.css theme that aims to recreate the look and feel of the Chromium version of Microsoft Edge.
-
Go to
about:supportand click the "Open Folder/Show in Finder" button for the root directory of your browser profile/s. -
Download and copy the
chromefolder into the profile folder. -
Go to about:config and change these preferences:
toolkit.legacyUserProfileCustomizations.stylesheets=truesvg.context-properties.content.enabled=truelayout.css.color-mix.enabled=true
- To use the Edge style context menu on macOS then set
widget.macos.native-context-menus=false
browser.tabs.tabMinWidth=66browser.tabs.tabClipWidth=86
- To use the light theme in private browsing mode set
browser.theme.dark-private-windows=false
Additional tweaks can also be applied to the theme, such as Mica (Windows 11 Only), Floating Tabs and more. See Tweaks.
Note: Most frequently tested on macOS
| Theme | Light | Dark |
|---|---|---|
| Default (Windows 11) |  |
 |
| Floating Tabs (Windows 11) |  |
 |
| Mica (Windows 11) |  |
 |
| Mica and Floating Tabs (Windows 11) |  |
 |
| GTK (GNOME 42, adw-gtk3 theme) |  |
 |
Certain tweaks can be applied to the theme, to enable them navigate to about:config and create a boolean key for each tweak you want to use and set it to true, then restart the browser.
To disable a tweak, set the key to false or delete it, then restart the browser.
| use background image on newtab page |
|---|
SETUP: Add an image named background-0.(jpg/png) to the chrome folder. |
OPTIONAL: Add a second image named background-1.(jpg/png) for seperate dark mode background. |
uc.tweak.newtab-background |
| hide Firefox logo on newtab page |
|---|
uc.tweak.hide-newtab-logo |
| disable drag space above tabs |
|---|
uc.tweak.disable-drag-space |
| enable Edge style floating tabs |
|---|
uc.tweak.floating-tabs |
| enable Mica toolbar background (Windows 11 only) |
|---|
| See Mica Tweak Instructions for installation instructions. |
| NOTE: Only works on default theme: 'System theme - auto' |
uc.tweak.win11-mica |
| force tab background colour to the same colour as the navbar background (useful for Proton themes) |
|---|
| NOTE: can cause readability issues with some themes! (eg. white text on white bg) |
uc.tweak.force-tab-colour |
 (Left: OFF, Right: ON) |
| Show context menu navigation buttons (Back, Forward, Reload, etc.) vertically |
|---|
| NOTE: labels are only shown in the English language. |
uc.tweak.vertical-context-navigation |
| remove tab separators |
|---|
uc.tweak.remove-tab-separators |
| use Firefox's default context menu font-size (only applies to Windows) |
|---|
uc.tweak.smaller-context-menu-text |
| disable custom context menus |
|---|
uc.tweak.revert-context-menu |
| if a tab's close button is hidden, show it when hovering over tab |
|---|
uc.tweak.show-tab-close-button-on-hover |
- Download and install Mica For Everyone.
- Create a custom process rule with the following:
- Name:
firefox - Titlebar Color:
System - Backdrop Type:
Mica
- Name:
- Enable tweak in
about:config:uc.tweak.win11-mica - Restart Firefox.