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

1280px/rainfox

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
January 22, 2022 17:54
January 12, 2022 09:30
September 12, 2020 15:33
January 5, 2022 19:10

/ // / / ☔ 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 —