My CSS configuration to customise Firefox to my liking.
Some userChrome.css
configurations to customise Firefox to my liking.
I'm currently daily-driving Firefox Nightly, so naturally I will try to update as soon as possible if there are any breaking changes.
⚠️ Blur currently does not work regardless of layout.css.backdrop-filter.enabled
,
due to bug 1773402.
about:config
and enable toolkit.legacyUserProfileCustomizations.stylesheets
about:support
and click Profile folder > Open Folder.chrome
, download/clone this repo and copy the
downloaded files into the chrome
folder you just created.<your profile folder>
│ user.js
└── chrome/
│ userChrome.css
│ noise-512x512.png
│
└── components/
autohide_sidebar.css
hide_tabs_toolbar.css
rounded_corner_context_menu.css
windows_controls_placeholder.css
Copy the user.js
file (from the misc/
folder) to the Profile folder
(not the chrome/
folder). Remove other unrelated tweaks, if needed.
The user.js
file can be deleted afterwards.
misc/sidebery.css
.#2B2A33
#9494AA
#9494AA
#52525E
#2B2A33
#2B2A33
userChrome.css
files as well.misc/sidebery-data.json
in Sidebery Settings > Help > Import,
if you are fine with my settings. :PnightTab*.json
file.