OLDER VERSION - Firefox-Mod-Blur

^{⚠️ ⚠️ ⚠️ ⚠️ ⚠️ The Blur effect is still disabled for UI elements by firefox. Only works for website content or home screen tab. (22/10/2022) ⚠️ ⚠️ ⚠️ ⚠️ ⚠️}

WALLPAPER EDITION ^{[read more]}

Download 'userContent-WallpaperEdition-Windows11DefaultScrollbar.css' (better for win11 scrollbar) or 'userContent-WallpaperEdition-ThinScrollbar.css'

Downloaded WallpaperEdition rename it to userContent.css file, put "wallpaper.jpg" inside image folder. If want to use 'png' image dont forget to rename to "wallpaper.png" in userContent.css on code line 39.

MACOS STYLE BUTTONS

DEFAULT OS BUTTONS

BLURRED MOD (Still disabled by firefox)

🔧 Installation

Use Dark theme for firefox to avoid any color issues ^{[show image]}

Windows 11 works best with default size scrollbar so use: ^{[read more]}

Use userContent-WallpaperEdition-Windows11DefaultScrollbar.css or userContent-Windows11DefaultScrollbar.css

I use firefox integrated Flexible space for spacing ^{[show image]}

1. ❗Rename the chosen template files to userChrome.css and userContent.css.

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

3. You can find your profile folder by writing about:support in URL bar and using Open folder in Profile folder section.

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

   📂 ... / chrome / userChrome.css

   📂 ... / chrome / userContent.css

   📂 ... / chrome / image /

   📂 ... / chrome / window /

5. For blur to work in new tab homepage [Wallpaper edition].

   • [It's now Enabled by default] - Go to about:config and enable layout.css.backdrop-filter.enabled (change to true).

6. For blur style search dropdown and bookmarks bar to work [Doesnt work for now since firefox changed it].

   • [It's now Enabled by default] - Go to about:config and enable layout.css.backdrop-filter.enabled (change to true).

🛡️ Last Updates

20/07/2022 > Changed wallpaper on a blank loading screen to a solid dark color for the "userContent-WallpaperEdition".

19/07/2022 > Added new theme with background wallpaper and blur effect.

10/06/2022 > Fixed padding in fullscreen after recent version changes.

14/05/2022 > Fixed after an update broken popup menu background color for 100.x versions of firefox.

13/02/2022 > Added new optional file for default size scrollbar. The color stays dark. Works best with new Windows 11 scrollbar.
Use "userContent-Windows11_DefaultSizeScrollbar.css" file and rename it to "userContent.css".

📄 Other

Old Firefox versions ^{[read more]}

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

Tested versions ^{[read more]}

Last Tested on:
 	-- Default Dark Theme
	NEW PROTON 
		-- Windows 10/11 - 106.0.1 / 105 / 104.0.1 / 102.0.1 / 102.0 / 101.0 / 100.0 / 99.0.1/ 98.0 / 97.0.1 / 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

Sources ^{[read more]}

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