A custom CSS theme that transforms Firefox to seamlessly integrate with Windows 11's design language.
This theme integrates styling from:
- Edge-Frfox by bmFtZQ
- Firefox CSS Hacks by MrOtherGuy
- Firefox UWP Style by Guerra24
- Shimmer by Nuclearcodecat
- WaveFox by QNetIWQ
- Firefox browser from the stable branch
- Navigate to your Firefox profile's folder
- Download the files in this repository
- Install the
spinner-font.tfffont on your system - Move the
chromefolder anduser.jsfile into your Firefox profile's folder
Enable the following boolean keys in about:config to enable the mica backdrop and acrylic context menus:
widget.windows.micawidget.windows.mica.popups(⚠️ Acrylic context menus. Requiresuc.winui.acrylic-menusto be set totrue)browser.tabs.allow_transparent_browser(⚠️ New tab page translucent. Can cause issues in some web pages)
Create these boolean keys for additional customizations:
uc.winui.rounded-cornersuc.winui.rounded-navbaruc.winui.transparent-urlbaruc.winui.pill-urlbaruc.winui.taller-urlbaruc.winui.extra-acrylicuc.winui.more-acrylicuc.winui.smaller-toolbar-buttonsuc.winui.hide-shortcutsuc.winui.grayer-tabbeduc.winui.extra-highlightsuc.winui.navbar-highlightsuc.winui.urlbar-extra-separatorsuc.winui.aptos(Download the font here)uc.winui.centered-urluc.winui.taller-bookmarksuc.winui.acrylic-menus(Requireswidget.windows.mica.popupsto be set totrue)uc.winui.borderless-bookmarks-bar
uc.winui.floating-tabsuc.winui.extension-trayuc.winui.immersive-navbar
uc.winui.mac-back-forward
uc.winui.acrylic-animationsuc.winui.hide-with-1-tabuc.winui.js-animationsuc.winui.extra-animationsuc.winui.revert-titlebar-buttons
Close and restart Firefox to apply the theme.
To apply this theme to the Sidebery extension, copy the content from sidebery-WinUI.css and paste it into Sidebery's internal style editor.
For JavaScript-based animations, refer to this guide.
Contributions, issues, and feature requests are welcome.