Personal Firefox Configuration

Overview

Just my personal config files for use in Firefox. Contains extensive css tweaks, based on the DownToneUI theme to create a consistent Nord inspired UI experience across the browser. There are also quality of life, privacy and performance tweaks.

Installation

• Go to your Firefox profile:
  • Linux - $HOME/.mozilla/firefox/XXXXXXX.default-XXXXXX/
  • macOS - Users//Library/Application Support/Firefox/Profiles/XXXXXXX.default-XXXXXXX
  • Windows - C:\Users<USERNAME>\AppData\Roaming\Mozilla\Firefox\Profiles\XXXXXXX.default-XXXXXX
• Copy chrome and user.js to your Firefox Profile.
• Install the Sidebery extension.
• Import settings.json to: Sidebery settings -> Help -> Import addon data.
• Make sure the default dark theme is enabled.
• Restart Firefox.

Customisation

• Additions or updates of the default styles should be made in the following files:

  • chrome/DownToneUI/override_chrome.css for changes to chrome/userChrome.css
  • chrome/DownToneUI/override_content.css for changes to chrome/userContent.css
  • chrome/DownToneUI/override_globals.css for changes to chrome/_globals.css

• Changing the color scheme:

  • This can be done by copying the --dtui-theme variables found in chrome/DownToneUI/_globals.css and modifying them in chrome/DownToneUI/override_globals.css
  • NOTE: if Sidebery tabs is used, these changes also have to be applied to: Sidebery settings > Style editor.

Useful Links

• r/FirefoxCSS - Great community for all things related to Firefox CSS tinkering.
• FirefoxCSS-Store - A collection site of Firefox userchrome themes, mostly from the FirefoxCSS Reddit community.