⚠️

If you want to use 96.0. I made multiple files without blur effect. Use any of selected styles with the tag '-NoBlur-' until they fix the issue.

⚠️

If you update to ❌96.0 you will lose blur effect and everything will be transparent. Use at least ✔️95.0.2 or downgrade to it https://support.mozilla.org/en-US/kb/install-older-version-firefox untill they fix it.

⚠️

Updated for PROTON - Firefox-Mod-Blur

No blur for 96.0.3 yet Last tested ver. 96.0.3 / Installation guide below / Designed for Windows 10/11

Mac OS style buttons (left side by default)

MacOS Style Buttons: Right 'userChrome-NoBlur-MacOsStyleButtonsRightSide.css' ---- Left 'userChrome-NoBlur-MacOsStyleButtonsLeftSide.css'

Windows Style Buttons Right 'userChrome-NoBlur-WindowsButtonsRightSide.css' ---- Left 'userChrome-NoBlur-WindowsButtonsLeftSide.css'

One line config: 'userChrome-ONE-LINER.css' For Firefox versions below 89.0.0

Blurred search bar and bookmarks bar

Last Tested version: 96.0 (Proton)

Tested on:
 	-- Default Dark Theme
	NEW PROTON 
		-- Windows 11 - 96.0.3
		-- Windows 10 - 96.0.3 / 96.0 / 95.0 / 94.0.1 / 93.0 / 91.0.2 / 90.0.1 / 90.0 / 89.0.1 / 89.0.0

	Old Firefox Versions:
		-- Windows - 73.0.1 / 74.0 / 74.0.1 / 75.0.0 / 77.0.1 / 80.0 /  84.0.1 / 85.0.0
 		-- Linux - 74.0.1 | Default Dark Theme

Installation

Use Dark theme for firefox to avoid any color issues. https://i.imgur.com/yFZbyo7.png

Dont forget to rename the chosen template file to 'userChrome.css'

1. Enable toolkit.legacyUserProfileCustomizations.stylesheets in about:config for your custom themes to work.

2. You can find your profile place by going to about:support and using Open folder in Profile folder section.

3. File Structure (Create chrome folder inside your main profile folder if it doesnt exist):

   ... / chrome / userChrome.css

   ... / chrome / userContent.css

   ... / chrome / image /

   ... / chrome / window /

4. For blur style search dropdown and bookmarks bar to work:

   Go to about:config and enable layout.css.backdrop-filter.enabled (change to true).

   Optional: if it still doesnt show up try enabling gfx.webrender.enabled (change to true).

   It could even require updated GPU drivers but that's rarely an issue.

5. I use firefox integrated Flexible space for spacing https://imgur.com/a/Gd82v0H.

Optional. Download 'userChrome-With_Windows_Buttons.css' to have windows default buttons.

---

Source for Backdrop filter: https://www.reddit.com/r/FirefoxCSS/comments/ddi4dc/testing_the_backdropfilter_in_the_url_dropdown/

Source for Windows Control buttons: https://github.com/aminomancer/uc.css.js/tree/master/resources/window