A sleek, modern and elegant Firefox CSS theme
Firefox with blurredfox CSS theme
blurredfox's layout with solid colors
bash
to run it.user.js
that contains all the preferences needed for blurredfox to work. The existing one will be backed up.Run the script below. If you are using a different build like nightly, beta, etc., make sure to replace the 'stable' with the Firefox Build you are using. If leave empty, it will default to stable.
# Available parameters:
# stable - Firefox Stable Build
# dev - Firefox Developer Edition
# beta - Firefox Beta
# nightly - Firefox Nightly
# esr - Firefox Extended Support Release
# Examples:
# Stable build's profile
$ curl -fsSL https://raw.githubusercontent.com/manilarome/blurredfox/script/install.sh |
bash -s -- stable
# Nightly build's profile
$ curl -fsSL https://raw.githubusercontent.com/manilarome/blurredfox/script/install.sh |
bash -s -- nightly
After the confirmation message that the theme is successfully installed, open firefox. Change the colorscheme by Open Menu > Customize > Change colorscheme
.
Open about:config
page.
A dialog will warn you, but ignore it, just do it press the I accept the risk!
button.
Search for these:
toolkit.legacyUserProfileCustomizations.stylesheets
layers.acceleration.force-enabled
gfx.webrender.all
gfx.webrender.enabled
layout.css.backdrop-filter.enabled
svg.context-properties.content.enabled
Then make sure to enable them all!. Or you can just copy the user.js
file to your profile.
Go to your Firefox profile.
$HOME/.mozilla/firefox/XXXXXXX.default-XXXXXX/
.C:\Users\<USERNAME>\AppData\Roaming\Mozilla\Firefox\Profiles\XXXXXXX.default-XXXXXX
.Users/<USERNAME>/Library/Application Support/Firefox/Profiles/XXXXXXX.default-XXXXXXX
.Create a folder and name it chrome
, then assuming that you already have cloned this repo, just copy the theme to chrome
folder.
Restart Firefox.
Finally, you can now change whatever color mode you want in the Cusomization Window.
userChrome.css
to switch.blurredfox
, where is the blur?!Yeah, the name blurredfox
is a lie, just like the cake. I named it blurredfox because it's designed to look gorgeous with a blur effect. You can, however, have the blur effect by:
System Settings > Desktop Effects > Enable Blur
. Note that this will not enable the blur effect on all applications.System Settings > KWin Scripts > Enable Force Blur
.GTK3
, it should work with any platforms or environment as long as Firefox can detect your system colors.userChrome.css
.Dark
and Light
mode under the blurred color scheme. No transparency == No blur
.chrome
folder.user.js
to your profile, delete it.If you have already read the README, free to open an issue here!
You're absolutely welcome to submit a pull request here!
PR's are welcome!