A minimalistic Firefox theme, with visual support for Tree Style Tab and automatic theme switching based on system theme.
Main design goal was to maximize useful screen space for laptop screens, even at the cost of pretty whitespace. If you enjoy working in a terminal, you'll probably feel right at home.
Dark theme:
Light theme:
- Install Tree Style Tab extension (https://addons.mozilla.org/en-US/firefox/addon/tree-style-tab/).
- Enable custom styling support (see https://www.reddit.com/r/FirefoxCSS/comments/73dvty/tutorial_how_to_create_and_livedebug_userchromecss/).
- Copy
userChrome.css
anduserContent.css
to yourchrome
directory (details in the reddit post linked above). - Open
about:addons
in Firefox:- Allow the Tree Style Tab extension to run in private windows.
- In the "Options" tab, scroll to the "Advanced" section, look for an input field labeled "Extra style rules for contents provided by Tree Style Tab".
- Press the "Load from File" button and select the
TreeStyleTab.css
file from this repository.
- Restart Firefox.
- Enjoy the new look, create an issue here on GitHub if something seems to be broken.
The color scheme automatically changes based on system theme, so switch on/off dark mode in system settings (on Windows 10, search "dark mode" in Start menu).
Learn your keyboard shortcuts. :)
For Windows, it's Win-UpArrow
to maximize, Alt-f4
to close a window. Minimizing is a bit more complicated, simplest way I know is Alt-Space
, followed by n
. Personally, I use a custom AutoHotkey binding where RShift
minimizes current window.