Firefox Theme - For dark theme lovers / More compact / Modular / Blur
[!IMPORTANT]
1. In
about:config
settoolkit.legacyUserProfileCustomizations.stylesheets
to "True" for your custom themes to work..zip file.
2. Download latest or your preferred firefox version3. You can find your profile folder by writing
about:support
in URL bar and usingOpen folder
inProfile folder
section.4. Put
userChrome.css
,userContent.css
,ASSETS
in chrome folder (createchrome
folder inside your main profile folder if it doesnt exist).5. Put any selected extra
.css
modification files (not folders) fromEXTRA MODS
to inside of yourchrome
folder.6. File Structure (required files/folders marked with *):
📂
...
/
your profile
/
chrome
/
userChrome.css *
📂
...
/
your profile
/
chrome
/
userContent.css *
📂
...
/
your profile
/
chrome
/
ASSETS *
/
📂
...
/
your profile
/
chrome
/
[extra modification file].css
[!TIP]
- Setting both to auto makes it adapt to your operating system theme.
- Setting Theme(2) to Light or Dark will 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).
Download https://github.com/Alan-Kuan/Firefox-Mod-Blur
Installation Instructions https://github.com/Alan-Kuan/Firefox-Mod-Blur#page_with_curl-installer-script
[!Warning]
DEPRECATED WITH FIREFOX v117 and up
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..
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.
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)