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.
- Disappearing Bar.
- One-line Firefox, based on One-line Firefox.
- Bottom bar, partly adapted from Arty2's tabs_to_bottom.
- arcadia, adapted from arcadia.
- Firefox-ONE, adapted from Firefox-ONE.
All components and themes are designed for Firefox with Compact mode enabled.
- Visit the
about:config
page;
1.1 Search for and setbrowser.compactmode.show
to true. - Right click on the toolbar and select Customize Toolbar;
2.2. Set the density asCompact
.
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
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.