/Firefox-Mod-Blur

Firefox Proton - Blur Mod / For dark theme lovers / More compact / Modular

Primary LanguageCSS

Firefox Mod Blur - Modular - Tested only on Windows

Installation Guide Version Installation Guide Created FirefoxCSS reddit

FirefoxCss

macOS style buttons

FirefoxCss

Updated context menu design

FirefoxCss

Clean compact search with hidden buttons

FirefoxCss

Show if pinned on hover

FirefoxCss

More compact and responsive homepage

FirefoxCss


Select and add extra styles and functions

Min-max-close buttons style ⚙️
Select one min-max-close_buttons.css

Left side MacOS style

FirefoxCss

Right side MacOS style

FirefoxCss

Right side default OS style

FirefoxCss

default

FirefoxCss

Bookmarks bar modifications ⚙️ popout_bookmarks_bar_on_hover.css

FirefoxCss

remove_folder_icons_from_bookmarks.css

FirefoxCss

bookmarks_bar_same_color_as_toolbar.css

FirefoxCss

transparent_bookmarks_bar.css

FirefoxCss

Search bar modifications ⚙️ no_search_engines_in_url_bar.css

FirefoxCss

Privacy mods ⚙️ privacy_blur_email_in_main_menu.css

FirefoxCss

privacy_blur_email_in_sync_menu.css

FirefoxCss

privacy_blur_tabs_content.css

FirefoxCss

privacy_change_email_text.css

FirefoxCss

Extension menu changes ⚙️ Style 1 - cleaner_extensions_menu.css

FirefoxCss

Style 2 - cleaner_extensions_menu.css

FirefoxCss

Icon changes ⚙️ firefox_view_icon_change.css

FirefoxCss

white_github_icon_in_bookmarks.css

FirefoxCss

ublock-icon-change.css

FirefoxCss

Hide List all tabs button ⚙️ hide_list-all-tabs_button.css [Shows when tabs overflow]

FirefoxCss

Restore icons in main menu ⚙️ icons_in_main_menu.css (source)

FirefoxCss

Remove title text from homepage shortcuts ⚙️

remove_homepage_shortcut_title_text.css

FirefoxCss

Circular homepage shortcuts ⚙️

circular_homepage_shortcuts.css

FirefoxCss

Spill style theme 🔨

spill-style-part1-file.css and spill-style-part2-file.css

FirefoxCss

Acrylic MicaForEveryone 🔨

acrylic_micaforeveryone.css

FirefoxCss

Wallpaper style themes 🔨

style_1-wallpaper-edition.css

FirefoxCss

style_2-wallpaper-edition.css

FirefoxCss

style_3-wallpaper-edition.css

FirefoxCss

🔧 Installation

⚠️ If you are using Light theme in Operating System it breaks colors so change in firefox theme to Dark

zxczxc

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

image

  1. In about:config set toolkit.legacyUserProfileCustomizations.stylesheets to "True" for your custom themes to work.

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

  3. Put userChrome.css and userContent.css in chrome folder (create chrome folder inside your main profile folder if it doesnt exist).

  4. Put any selected extra .css modification files (not folders) from EXTRA MODS inside your chrome folder.

  5. File Structure:

    📂 ... / your profile / chrome / userChrome.css

    📂 ... / your profile / chrome / userContent.css

    📂 ... / your profile / chrome / image /

    📂 ... / your profile / chrome / [extra modification file].css

    📂 ... / your profile / chrome / wallpaper / (for wallpaper theme)


🔧 MicaForEveryone Installation

  1. Download the portable or installation file from github.com/MicaForEveryone.
  2. Install the extra files it asks you to install. And run the program.
  3. At the bottom left corner press Add Rule -> Add Process Rule, type firefox -> add.
  4. On the left panel select and open firefox section. Change Mica to Acrylic for better blur effect.
  5. Dont forget to download my css file acrylic_micaforeveryone.css from EXTRA THEMES and put it inside Chrome folder (and base files from Installation guide above).
  6. Remove and dont use any other min-max-close window button files.
  7. Expermental⚠️ In MicaForEveryone settings firefox section enable Blur Behind so when the window is not active it will still be blurred.

🛡️ Last Updates

GitHub last commit GitHub issues

20/01/2023 > v2.3 Added extensions menu modifications for firefox v109.0.0; Merged some code lines and renamed extensions for cleaner code.

14/12/2022 > v2.2.1 Fix url bar icon size for firefox v108.0.0

08/12/2022 > v2.2

- Circular homepage shortcuts - extra mod.

- Give more width to active tab - extra mod.

- Autohide tab and bookmarks bars - extra mod.

- Search bar no border - extra mod.

- Search bar transparent background - extra mod.

- Fix padding for homepage shortcuts in wallpaper theme using no text mod.

29/11/2022 > v2.1 Added wallpaper style themes with 3 choices. Fixed Tab closing glitch. Fixeed spilled theme wallpaper file wrong destination folder. Fixed micaForEveryone support for Firefox Nightly after new update. Changed colors of sound/audio button in tabs. Other few minor fixes.

26/11/2022 > v2.0 Reworked theme files, structure and added new things with more options.

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

Last Tested on:
	New 2.0 theme for Proton
		-- Windows 10/11 - 109.0.0 / 108.0.0 / 107.0.0 / 106.0.1
	
	Older PROTON theme
		-- 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

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