README.md
April 24, 2026 ยท View on GitHub
Firefox Mod Blur - Modular
๐น macOS style buttons
๐น Light and Dark theme support
๐น Updated context menu design

๐น Clean compact search with hidden buttons

๐น Show if pinned on hover

๐น More compact and responsive homepage

๐นWallpaper style themes
Style 1 wallpaper-edition.css

Style 2 wallpaper-edition.css

Select and add extra styles and functions
Min-max-close buttons style :gear:
Select one min-max-close_buttons.css
Left side MacOS style



Bookmarks bar modifications :gear:
popout_bookmarks_bar_on_hover.css


mod.transparent.bookmarks-bar or mod.transparent.bookmarks-bar.centered in about:config 
Privacy mods :gear:
privacy_blur_email_in_main_menu.css



Extension menu changes :gear:
Style 1 - cleaner_extensions_menu.css

How to enable/disable extra functionality
In search bar type -> about:config
If it's configured using numbers select number else select boolean and press add -> +
To reset default values
deletethe added preference or set it tofalse(for boolean).To find all added preferences search "mod."
Copy and Enable preferred modifications:
| Preference name | Value | Notes | Preview |
|---|---|---|---|
| mod.number.of.extensions.in.a.row | 1 to 10 | Change number of extensions in one row. Default [4] | |
| mod.extensions.menu.extention-icon.size | 12 to 30 | Change extensions icons size. Default [22] | |
| mod.hide.manage-extensions.button | true | Hide the button that opens all extensions manager inside settings. | |
| mod.disable.extensions-menu.separator | true | Hide sepatator between active and inactive/faded extensions. Only visible when there is at least one faded extension. | |
| mod.hide.faded-extensions.inside.extensions-menu | true | Hide all faded/inactive non interactable extensions from extension menu. Not necessary if they aren't visible by default. |
Icon changes :gear:
firefox_view_icon_change.css


More compact Vertical Tabs :gear:
Enablemod.compact.vertical.tabs in about:config Centered Tabs :gear:
Enablemod.centered.tabs in about:config Hide Tab preview panel :gear:
Enablefirefoxcss.disable.tab.preview.panel.fully in about:config Hide scrollbar when Vertical tabs overflow :gear:
Enablemod.disable.scrollbar.in.vertical.tabs in about:config Enable Search Box focus outline :gear:
Enablemod.searchBox.focus.outline.enable in about:config Tabs on top :gear:
Enablefirefoxcss.tabs.on.top.enable in about:config. Doesn't work with custom window control buttons for now (linux should work)Window Frame border mods :gear:
- Fully padded Window border: Enable mod.main.window.frame.style-1 or mod.main.window.frame.style-2 in about:config
- Default Window border and shadow: Disable mod.disable.browser.border-and-shadow in about:config
Always show Search Bar buttons :gear:
Enablemod.search.info.buttons.show.always in about:config Active tab has static width :gear:
selected_tabs_static_width.cssColored sound playing tab :gear:
colored_soundplaying_tab.cssHide List all tabs button :gear:
hide_list-all-tabs_button.css [Shows when tabs overflow]
Remove title text from homepage shortcuts :gear:
remove_homepage_shortcut_title_text.css

Circular homepage shortcuts :gear:
circular_homepage_shortcuts.css

Spill style theme :hammer:
spill-style-part1-file.css and spill-style-part2-file.css


Acrylic MicaForEveryone :hammer:
Will be updated when Firefox fully releases blur

and more..
:wrench: Installation
Important
1. In about:config set toolkit.legacyUserProfileCustomizations.stylesheets to "True" for your custom themes to work.
2. Download latest or your preferred firefox version .zip file.
3. You can find your profile folder by writing about:support in URL bar and using Open folder in Profile folder section.
4. Put userChrome.css, userContent.css, ASSETS in chrome folder (create chrome folder inside your main profile folder if it doesnt exist).
5. Put any selected extra .css modification files (not folders) from EXTRA MODS to inside of your chrome folder.
6. File Structure (required files/folders marked with *):
:open_file_folder: ... / your profile / chrome / userChrome.css *
:open_file_folder: ... / your profile / chrome / userContent.css *
:open_file_folder: ... / your profile / chrome / ASSETS * /
:open_file_folder: ... / your profile / chrome / [extra modification file].css
Tip
How to Toggle between Light and Dark theme:
There are two settings to change in firefox (pictures below).
-
Setting both to auto makes it adapt to your operating system theme.
-
Setting Theme(2) to
LightorDarkwill force it no matter of Operating System colors. -
Best to leave Website Appearance(1) settings set to auto and just Change to preferred Theme(2).
- Website appearance (changes new tab and websites colors)
- Theme (changes toolbar and browser text colors, also sets text colors to new tab page).
I use firefox integrated Flexible space for spacing:
:wrench: Easy Installation Script by Alan-Kuan
Download https://github.com/Alan-Kuan/Firefox-Mod-Blur
Installation Instructions https://github.com/Alan-Kuan/Firefox-Mod-Blur#page_with_curl-installer-script
:wrench: MicaForEveryone Installation
- Download the portable or installation file from github.com/MicaForEveryone.
- Install the extra files it asks you to install. And run the program.
- At the bottom left corner press
Add Rule->Add Process Rule, typefirefox->add. - On the left panel select and open
firefoxsection. Change Mica toAcrylicfor better blur effect. - Dont forget to download my css file
acrylic_micaforeveryone.cssfromEXTRA THEMESand put it insideChromefolder (and base files from Installation guide above). - Remove and dont use any other min-max-close window button files.
- Expermental:warning: In MicaForEveryone settings
firefoxsection enableBlur Behindso when the window is not active it will still be blurred.
:page_facing_up: Other
Old version files backup: https://github.com/datguypiko/Firefox-old-files-backup
:page_facing_up: Sources
Source for Backdrop filter:
https://www.reddit.com/r/FirefoxCSS/comments/ddi4dc/testing_the_backdropfilter_in_the_url_dropdown/
icons_in_main_menu.css (source)
