Dark Mode

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was 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

History

123 Commits

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 --

About

Photon UI, re-imagined.

Topics

Resources

Readme

License

MIT license

Stars

Watchers

Forks

Packages

Contributors

Languages