Firefox Styling

This is my styling for Firefox. It is designed to work with the Sidebery extension.

Demo

Installation

  1. Install the Sidebery extension.
  2. In the Sidebery settings, in the 'Styles editor', add the contents of sidebery.css to the editor.
  3. Go to about:support in Firefox.
  4. Click on the Open Folder button next to Profile Directory.
  5. Create a folder called chrome in the profile directory.
  6. Copy the contents of this repository into the chrome folder.
  7. Go to about:config in Firefox.
  8. Search for toolkit.legacyUserProfileCustomizations.stylesheets and set it to true.
  9. Restart Firefox.

Changes

  • Remove the tab bar - Tabs are now displayed in the sidebar. The minimize/maximize/close buttons are now displayed to the side of the address bar.
  • Sidebery sidebar now minimizes to a smaller size, and expands again on hover. (Based on https://github.com/Redundakitties/colorful-minimalist)

Other Extensions