gale for Firefox

My CSS files to use with Firefox and Sidebery

My goal with these settings was to create a minimalistic yet functional setup with Sidebery tuned to match Firefox Default Dark Theme and optimise the workspace. If you find any odd behaviour feel free to send a pull request.

How to install?

1. In Firefox, go to about:config and set toolkit.legacyUserProfileCustomizations.stylesheets to True. Make sure you have the chrome folder within your Firefox profile
2. Get Sidebery v5 (beta) if you don't have it already installed
3. Copy userChrome.css, darkTheme.css and private.css to the chrome folder
4. Go to Sidebery settings and paste the content of my sidebery.css file into Styles editor > Sidebar
5. Enjoy your new setup!

   ---

Set these settings under appearance in Sidebery (optional but recommended):

Known bugs

• Due to a bug that has been present in Firefox for quite some time already, the autoshrink functionality isn't working as intended in Sidebery beta, so I decided to disable such characteristic until I find a workaround. Related issue (thanks @emiham for the heads-up)
• ~~When moving a tab, the tab position indicator doesn't follow the margin-top CSS rule for tabs~~ Fixed!

Credits

• to @MrOtherGuy for his Firefox CSS Hacks
• to u/captainkaba for his Denkfabrik theme (which I used as a base for legacy)
• to Reddit user u/It_Was_The_Other_Guy for his tip which was very useful in legacy
• to Reddit user u/GainghisKhan for finding a bug and providing a solution idea for it in legacy