Git Product home page Git Product logo

firefox-mod-blur's Introduction

Firefox Mod Blur - Modular [ver2.1]

Installation Guide Version Installation Guide Created FirefoxCSS reddit

FirefoxCss

Wallpaper style themes

style_1-wallpaper-edition.css

FirefoxCss

style_2-wallpaper-edition.css

FirefoxCss

style_3-wallpaper-edition.css

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 window buttons style

left_mac_os_style_buttons.css

FirefoxCss

right_mac_os_style_buttons.css

FirefoxCss

right_os_window_buttons.css

FirefoxCss

default

FirefoxCss

⚙️ Bookmarks bar

popout_bookmarks_bar_on_hover.css

FirefoxCss

remove_folder_icons_from_bookmarks.css

FirefoxCss

bookmarks_bar_same_color_as_toolbar.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

⚙️ Other modifications

hide_list-all-tabs_button.css

FirefoxCss

firefox_view_icon_change.css

FirefoxCss

white_github_icon_in_bookmarks.css

FirefoxCss

ublock-icon-change.css

FirefoxCss

⚙️ Restore icons in main menu

icons_in_main_menu.css (source)

FirefoxCss

⚙️ Remove title text from homepage shortcuts

FirefoxCssremove_homepage_shortcut_title_text.css

⚙️ Circular homepage shortcuts

FirefoxCsscircular_homepage_shortcuts.css

🔨 Spill style theme

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

🔨 Acrylic MicaForEveryone

FirefoxCssacrylic_micaforeveryone.css

🔧 Installation

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

image

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

image

If you are using Light Windows 11 mode it breaks colors so change in firefox theme to Dark

zxczxc

  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:warning: 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

29/11/2022 > 2.1 Version. 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 > 2.0 Version. 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 - 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/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.