/minimal-functional-fox

A minimal, yet functional Firefox userChrome configuration.

Primary LanguageCSSMIT LicenseMIT

minimal-functional-fox

If you are looking for a minimal, yet functional Firefox userChrome stylesheet...you might like this one!

Note: Firefox update 72.0 basically broke just about everything. I have fixed almost everything and pushed the fixed userChrome file. However if you encounter any bugs feel free to open an issue. Thanks!

Preview

userChrome.css preview 1

Features

  • Minimal bloat
  • Easy way to quickly change colors, tab dimensions, paddings to your liking through CSS variables
  • Pinned tabs are re-styled to stand out
  • Tab list underneath the navigator area
  • Centered URL bar, with a thinner, centered results list
  • Fix for buggy shadows on Linux

Instructions

  • Make sure that you have enabled the userChrome option

    1. Go to the address about:config in Firefox
    2. Search for toolkit.legacyUserProfileCustomizations.stylesheets
    3. Confirm the option is set to true

  • Make sure that you have the Dark theme enabled

    1. Go to the address about:addons
    2. Select Themes
    3. Enable the Dark theme if not already enabled

  • Copy the contents of this repository to .mozilla/firefox/<your-profile-name>/chrome/

    • will be a directory ending with '-release' and have a bunch of files in it
    • If there isn't a chrome folder, you can just go ahead and create one

  • If your new tab button looks too tiny/squished, check out this fix

  • Optional but recommended

    1. Select the Customize option from the hamburger menu
    2. Remove all items except for:
    • Forward button
    • Back button
    • Downloads button

  • You can find the new tab page extension here