Repository files navigation

A Firefox userChrome.css theme that aims to recreate the look and feel of Microsoft Edge.

Screenshot: macOS / Firefox 120 / Tweaks: rounded corners, hide forward button.

1. Go toabout:support and click the "Open Folder/Show in Finder" button for the root directory of your browser profile.

2. Download the repository and extract the files.

3. From the repository folder, copy thechrome folder anduser.js file into your Firefox profile folder.

4. Close and restart Firefox, if performed correctly, the theme should now be installed.

5. Optionally, listed below are some additional Firefox settings that can be changed usingabout:config:

   Description	Preference Name	Value
   Use Edge-themed context menu on macOS	widget.macos.native-context-menus	false
   Use light theme in private browsing mode	browser.theme.dark-private-windows	false
   Use rounded bottom window corners on Linux	widget.gtk.rounded-bottom-corners.enabled	true
   Use Windows accent colour in tabs toolbar (must use Windows 'show accent colour in title bar' option)	browser.theme.windows.accent-color-in-tabs.enabled	true

   Additional tweaks can also be applied to the theme such as Floating tabs, Rounded browser corners and more. SeeTweaks.

Note: Most frequently tested on macOS

Theme	Light	Dark
Default (Windows 11)
Floating Tabs + Rounded Corners (Windows 11)
Hide Tabs Bar + Rounded Corners + Sidebery theme (macOS)
Rounded Corners (Linux, Ubuntu Yaru theme)

Certain tweaks can be applied to the theme, to enable them navigate toabout:config and create a boolean key for each tweak you want to use and set it totrue.

To disable a tweak, set the key tofalse or delete it.

Emulate the look of the rounded tabs feature available in Edge.

uc.tweak.floating-tabs

Add padding and rounded corners around the browser window, as seen in the newestredesign of Edge.

uc.tweak.rounded-corners

This hides the tabs toolbar when using a vertical tabs extension such asSidebery, Tree Style Tab or Tab Center Reborn.

uc.tweak.hide-tabs-bar

Optionally, the window controls can be hidden from the navbar by using:

uc.tweak.hide-tabs-bar.no-window-controls

Enables the Sidebery extension sidebar theme, can be used with or without thehide tabs toolbar tweak. For a preview of the Sidebery theme, see the macOSscreenshot in theScreenshots section.

Download and installSidebery from the Firefox addons store.

On Linux the colour theme may not work properly. To fix this, you can enable the"auto: dark/light" colour scheme option inside Sidebery (though this willdisable the custom Firefox theme colours, and only use system light/darkcolours).

To open the Sidebery settings page, find its icon in the toolbar or in theextensions menu, then right-click it and select 'Open settings'.

Alternatively, you can import the providedsidebery.json configuration file,but this will restore Sidebery to the default settings before applying it.

uc.tweak.theme.sidebery

Removes the additional space at the top of the window above the tabs thatappears when the window is not maximised. Enabling this will cause the tabs totouch the top edge of the window at all times.

uc.tweak.disable-drag-space

Adds a custom background image to the new tab page.

• In yourchrome folder, add an image with a filename ofbackground-0.(jpg/png).
• Optionally, add a second image namedbackground-1.(jpg/png) this will beselected when the dark theme is enabled.

uc.tweak.newtab-background

Hides the forward button when it is not needed, as seen in Edge.

uc.tweak.hide-forward-button

Hide the Firefox logo + wordmark when on the new tab page.

uc.tweak.hide-newtab-logo

Removes the ability for custom themes to change the colour of the selected tabs,instead forcing them to match the toolbar colour. This can be useful when usingthemes designed for the Firefox's default Proton style.

(Left: OFF, Right: ON)

uc.tweak.force-tab-colour

Displays the navigation buttons (Back, Forward, Reload, Bookmark) in theright-click menu vertically like all the other menu items.

uc.tweak.vertical-context-navigation

Removes the underlining or highlighting of certain characters in the contextmenu. These underlines correspond to the key that when pressed, activates theitem.

For example, "Undo" becomes "Undo" and "Inspect (Q)" becomes"Inspect".

uc.tweak.context-menu.hide-access-key

Removes the vertical separating lines between the tabs, resulting in a cleanerlook.

uc.tweak.remove-tab-separators

When the tabs become too small, Firefox will hide the close buttons fornon-active tabs to save space. This tweak will always display the close buttonswhen hovering over a tab.

uc.tweak.show-tab-close-button-on-hover

This reverts the custom font-size set on the context menu, only applies toWindows users.

uc.tweak.smaller-context-menu-text

Disable the custom Edge-themed context menu and use the default Firefox menus.

uc.tweak.revert-context-menu

Hides the Firefox account menu item from the app menu (button with three dots),the Firefox account menu can still be accessed from the Firefox account button.

uc.tweak.context-menu.hide-firefox-account

Makes the unified extensions menu more compact, and closer to the design seen inEdge. This hides the permissions indicator label and makes the icons smaller.

uc.tweak.context-menu.compact-extensions-menu

Hide the close button on tabs. "Ctrl + W" and mouse middle click can still beused to close tabs.

uc.tweak.hide-tab-close-button

muckSponge -MaterialFox

Microsoft -Fluent UI System Icons

KibSquib48 -MicaFox