/cale-ff-chrome

CSS files to theme Firefox with Sidebery with Mocha/Mauve Catppuccin colors

Primary LanguageCSSMIT LicenseMIT

Cale for Firefox

(see sidebery-new.css)

For use with Catppuccin Mocha Mauve theme

Cale 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