A Safari 15 like theme for Firefox 100+ macOS
Added window control buttons
This is a Firefox theme for MacOS inspired by Safari. This theme is not meant to reproduce perfectly Safari. This code contains a mix of code shared by people from r/FirefoxCSS and modifications I made.
- Enable the legacy Firefox CSS customizations by setting the
toolkit.legacyUserProfileCustomizations.stylesheets
totrue
in about:config - Copy the userChrome.css file into your Firefox profile directory. To access this folder, go to about:profiles and click the "Open in Finder" button in front of the first "root directory" line. In the opened Finder window, open the "chrome" folder. Restart Firefox.
- Follow the same process with the userContent.css file
- Restart Firefox
Note : ShadowFox users only have to copy/paste the code at the end of their userChome.css and userContent.css files.
To enable the blur filter on the pop up URL menu, you need to set the layout.css.backdrop-filter.enabled
to true
in about:config
Enable web renderer (at least for MacOS users and Firefox 72) changing the gfx.webrender.all
to true
in about:config
- Ensure the theme apply as intended for every users and fresh Firefox install
This theme was tested with Firefox 100 on macOS Monterey. Graphical differences might occur on other OS. I will update the theme for every new Firefox release since this is my daily theme.