This theme goal is to create a compact mode that follows Firefox 89 (known as Proton) design system while using the same vertical space as the compact mode in Firefox 88 (known as Photon).
I try to test my script in the platforms listed below. However, that doesn't mean it's bug free. If you find an issue, please open a bug report.
- Linux
- macOS Catalina
- Windows 10
- Window 7
Note: Currently I only tested it in Nightly but I plan to support both the Release and ESR channel in the (near) future.
- Type about:config in the address bar and press Enter/Return.
- Click the button accepting the risk.
- In the search box above the list, type or paste
toolkit.legacyUserProfileCustomizations.stylesheets
. - Double-click the
toolkit.legacyUserProfileCustomizations.stylesheets
preference to switch the value from false to true. - Now, search for
browser.compactmode.show
and set it totrue
. - Open your profile folder (See How do I find my profile?)
- Go to chrome folder or create it if it doesn't exist
- Copy/Paste the userChrome.css file from this repository inside the chrome folder.
- Restart Firefox.
- Enjoy! :)
Size difference between (from left to right) regular, compact and ultra compact mode
Dark theme:
Light theme: