Skip to content
This repository has been archived by the owner on Dec 3, 2022. It is now read-only.

1280px/rainfox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

/ // / / ☔ RainFox 5.3 // / / /


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.



/ // / / Features / // / /

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!    


/ / // / Installation //  / //

  1. Make sure you're using Mozilla Firefox 96 or newer
  2. Download the latest build from Code > Download ZIP and extract folder rainfox-master (or whatever it called)
  3. Go to about:profiles, find your profile, open root folder and create a folder chrome inside of it. If the folder already exists, wipe all its content
  4. Move everything from rainfox-master to chrome (not the folder itself!)
  5. Now open about:config and change these keys to true:
    • 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)
  6. [optionally] If you want your HTTPS connection icon to be green, set this key to false:
    • security.secure_connection_icon_color_gray
  7. 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!



/ / // / Credits / // / /

    New tab wallpaper collection:

    — unsplash.com/collections/Y_zoIQbK8hY/rainfox —

    Custom themes used for screenshots:

    — blues&yellows (by kaylakh10) —
    — Topographic (by majd) —
    — Pink And Yellow Gradient (by Lauri) —
    — Black Rain Animated (by SimAr_) —
    — Coffee Lounge (by Mr.Cline) —
    — Modern Purple Polygon (by Kujou) —
    — Windows 95 (by Vovan29) —

    Special thanks to:

    — It_Was_The_Other_Guy —
    — Guerra24 —
    — jscher2000 —