A collection of configurable CSS files that transforms Firefox into a responsive, minimal, and functional browser.
Tree Style Tab paired with TST Colored Tabs is highly recommended in order to get the intended experience!
If you decide not to use these addons, you can either remove files with the "tst" prefix from userChrome.css
or delete them.
- In the Firefox customization screen, ensure that the theme is set to dark, the density set to compact, and the title bar disabled.
- Put
userChrome.css
anduserChrome
in your Firefox profile root'schrome
directory. - In your Tree Style Tab preferences, change the theme to Vertigo and paste the contents of
tst-css.css
into Advanced > Extra style rules. - If you're using TST Colored Tabs as well, you can use the following settings for a more suitable color palette:
Modify vars.css
to suit your specific needs. Differences from varying window buttons sizes to color preferences can be accomodated for. To apply these changes to TST, you can copy + paste the variables into tst-css.css
.
CSS files are modularized so as to ease configuration and debugging. If you don't like how this theme affects a certain part of Firefox, you can just remove the CSS file associated with it.
All help is appreciated, whether it be in the form of feedback, issue tracking, or pull requests!
Much inspiration and code was taken from compact TST CSS, Responsive Minimal Firefox, and Blur Style Bookmarks Bar + Autohide. Thank you to the authors of these styles!