Skip to content

Instantly share code, notes, and snippets.

@jeremystretch

jeremystretch/firefox_colors.md

Last active December 16, 2022 18:24
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jeremystretch/5c4ad5f3abf7c6761d5e57ccd01bee3c to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jeremystretch/5c4ad5f3abf7c6761d5e57ccd01bee3c to your computer and use it in GitHub Desktop.
Download ZIP
Custom Firefox colors
Raw
firefox_colors.md

A quick guide on color-coding multiple Firefox profiles.

  1. Open about:config and set toolkit.legacyUserProfileCustomizations.stylesheets to True.
  2. Within the Firefox profile directory, create a new directory named chrome.
  3. Within the chrome directory, create userChrome.css with the following content:
#tabbrowser-tabs {
    background-color: $COLOR !important;
}
  1. To color tabs as well, add:
/* Active tab background */
.tab-background {
    background-color: $COLOR !important;
}

/* Inactive tab */
.tabbrowser-tab:not([selected]) {
    color: #f7f7f7 !important;
}
  1. Close and restart Firefox.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment