ilovebmo / uchrome

Modular approach to Firefox CSS.

🔥uchrome: Modular Firefox Customization🦊

Modular approach to Firefox CSS.

This repo contains components and themes that are imported into the userChrome.css file, as well as a userContent.css file. There should never be a need to edit any file other than userChrome.css, but of course you can tweak any file to your liking! I don't take responsibility if anything breaks though~

To select the components or themes you want, simply add or remove their respective @import from the userChrome.css file.

📦 Components

• Disappearing Bar.
• One-line Firefox, based on One-line Firefox.
• Bottom bar, partly adapted from Arty2's tabs_to_bottom.

🖌️ Themes

• arcadia, adapted from arcadia.
• Firefox-ONE, adapted from Firefox-ONE.

🎒 Pre-requisites

All components and themes are designed for Firefox with Compact mode enabled.

1. Visit the about:config page;
   1.1 Search for and set browser.compactmode.show to true.
2. Right click on the toolbar and select Customize Toolbar;
   2.2. Set the density as Compact.

🔧 How to use

In about:config:

• Set toolkit.legacyUserProfileCustomizations.stylesheets to true.
• Set extensions.pocket.enabled to false.

The path to your Firefox profile is available at about:profiles.

cd "path/to/firefox/profile"
git clone https://github.com/ilovebmo/uchrome chrome

👹 Limitations

There's no guarantee that components or themes won't clash with each other.

• Themes are larger projects so it's best to leave them last in the userChrome.css file to improve compatibility.
• Additionally, I provide some compatibility files for certain components.

Themes may require specific files other than userChrome.css to be edited, certain extensions to be installed, or certain settings and features to be turned on or off or modified in-browser.

• I try to go around this, but sometimes it's not possible. Always check the official repo for the themes to see their specific requirements.

These components and themes may not work for all versions of Firefox.