Firefox Theme - For dark theme lovers / More compact / Modular / Blur
style_1-wallpaper-edition.css
style_2-wallpaper-edition.css
style_3-wallpaper-edition.css
remove_homepage_shortcut_title_text.css
circular_homepage_shortcuts.css
spill-style-part1-file.css and spill-style-part2-file.css
acrylic_micaforeveryone.css
Light
and Dark
theme :warning:There are two settings to change in firefox (pictures below).
Light
or Dark
will force it no matter of Operating System colors.Website appearance (changes new tab and websites colors)
Theme (changes toolbar and browser text colors, also sets text colors to new tab page).
In about:config
set toolkit.legacyUserProfileCustomizations.stylesheets
to "True" for your custom themes to work.
Download latest or your preferred firefox version .zip file.
You can find your profile folder by writing about:support
in URL bar and using Open folder
in Profile folder
section.
Put userChrome.css
, userContent.css
, image
in chrome folder (create chrome
folder inside your main profile folder if it doesnt exist).
Put any selected extra .css
modification files (not folders) from EXTRA MODS
inside your chrome
folder.
File Structure:
: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
Download https://github.com/Alan-Kuan/Firefox-Mod-Blur
Installation Instructions https://github.com/Alan-Kuan/Firefox-Mod-Blur#page_with_curl-installer-script
To continue using MicaForEveryone you can use Firefox v115 ESR - Extended Support Release version which will be supported and have security updates for at least a year. You can install ESR version to separate folder so you are able continue using both versions. I haven't tested that version so there could be some minor issues. https://www.mozilla.org/en-US/firefox/all/#product-desktop-esr. I recommend using my older version files. Maybe something like v115.x - v117.x should work fine..
Add Rule
-> Add Process Rule
, type firefox
-> add
.firefox
section. Change Mica to Acrylic
for better blur effect.acrylic_micaforeveryone.css
from EXTRA THEMES
and put it inside Chrome
folder (and base files from Installation guide above).firefox
section enable Blur Behind
so when the window is not active it will still be blurred.v2.7.4
- 22/12/2023
- Tested on Firefox v121.0
v2.7.3
- 22/12/2023
- Tested on Firefox v121.0
v2.7.2
- 24/10/2023
- Tested on Firefox v119.0
v2.7.1
- 07/09/2023
- Tested on Firefox v117.0
searchbox_text_align_left.css
.tabs_take_full_bar_width.css
.
v2.7
30/08/2023
Tested on Firefox v117.0.0
Tabs Separator
. Can be used with transparent tabs background mod.v2.6.6
19/08/2023
Tested on Firefox v116.0.3
selected_tabs_static_width.css
to work with latest changes.v2.6.5
13/08/2023
Tested on Firefox v116.0.2
v2.6.4
07/08/2023
Tested on Firefox v116.0.1
transparent_tabs_bg_color.css
.
reversed_tabs_bg_color.css
.
selected_tabs_static_width.css
.
v2.6.3
07/08/2023
v2.6.2
06/08/2023
v2.6.1
28/07/2023
v2.6
27/07/2023
v2.5.1
13/07/2023
v2.5
11/07/2023
CTRL+F Search bar color changes.
Bottom left URL status panel color and border radius changes.
Decreased pinned tabs Padding.
Added new mod to remove background color from pinned tabs.
Revamped URL search bar buttons behavior. -- All buttons are now hidden. -- Added dots for visual representation. Left on by default for touch screen devices, have no way to test it. -- Changed animations for how buttons close. -- Hidden on new tab/homepage. -- Almost all Permissions are hidden by default visually. Just Press on permissions button to show blocked and allowed ones. -- Now less space wasted and more compact with long links and when resizing window. -- Will add extra modification later that makes dots hidden until search bar is hovered.
08/07/2023
-
v2.4.3
Firefox v115.0.1
06/06/2023
-
v2.4.2
Firefox v114.0
22/05/2023
-
v2.4.1
Firefox v113.x
--firefoxcss-control-buttons-margin
on line 44
in userChrome.css--firefoxcss-control-buttons-margin
on line 44
in userChrome.css.09/05/2023
-
v2.4
Firefox v113.x
01/04/2023
-
v2.3.2
Firefox v111.x
26/03/2023
-
v2.3.1
Firefox v111.x
25/03/2023
-
v2.3
Firefox v111.x
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".
Old version files backup: https://github.com/datguypiko/Firefox-old-files-backup
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)