It's like Photon, just better
Started as a remix of MaterialFox and QuietFox, the current goal of this userChrome style is to make Firefox interface smoother, more consistent and theme-adaptive. After Proton redesign came in, this style also tends to be a mix of old and new UIs with additional features and tweaks.
The idea behind this style is to keep Proton UI clarity and simplicity while re-implementing nice and unique Photon's icons and general look & feel.
Keep in mind this style is modular, you can easily enable/disable almost everything you want! (how?)
Over 90 good ol' Photon UI icons
Pre-Proton-styled rounded tabs
Photon-ish context menus and panels!
Animated auto-hide bookmarks panel
Animated auto-hide "Forward" button
Hourglass tab loading animation
[ disabled by default ]
Paranoia mode (unselected tabs are hidden until you hover it)
..and more!
- Make sure you're using Mozilla Firefox 96 or newer
- Download the latest build from Code > Download ZIP and extract folder
rainfox-master(or whatever it called) - Go to
about:profiles, find your profile, open root folder and create a folderchromeinside of it. If the folder already exists, wipe all its content - Move everything from
rainfox-mastertochrome(not the folder itself!) - Now open
about:configand change these keys totrue:toolkit.legacyUserProfileCustomizations.stylesheets(enables userChrome stylesheets)layout.css.color-mix.enabled(allows color-mixes, used for context menus hover and active states)svg.context-properties.content.enabled(allows SVG icons use theme colors)
- [optionally] If you want your HTTPS connection icon to be green, set this key to
false:security.secure_connection_icon_color_gray
- Restart Firefox. PROFIT!
| style compatibility sheet | ||
| Windows 11 | ✔️ | no issues found. |
| Windows 10 | ✔️ | no issues found. |
| Windows 8.1 | 🔘 | rare transparency glitches if you're using Aero Glass and system theme |
| Windows 7 | 🔘 | rare transparency glitches if you're using system theme |
| Linux | context menus aren't shown properly (check issue #5) | |
Style doesn't work? Check this step-by-step guide to find a solution!