Skip to content

Instantly share code, notes, and snippets.

@mjesteban
Forked from gmolveau/firefox_dark_background.md
Created September 16, 2021 14:56
Show Gist options
  • Save mjesteban/7180da7626e09cfa97f9eb81d7e6a0ae to your computer and use it in GitHub Desktop.
Save mjesteban/7180da7626e09cfa97f9eb81d7e6a0ae to your computer and use it in GitHub Desktop.
Firefox dark background / theme for new tab and loading screen

Firefox Dark Background

  • How to change the background on Firefox to a dark one on new tab / loading screen ?

Procedure

  • Type about:config in the URL bar
  • Search toolkit.legacyUserProfileCustomizations.stylesheets and double-click the field to set it to true
  • Type about:support in the URL bar
  • Look for Profile folder field and click on the open button next to it.
  • Create a folder with the name chrome
  • Inside this folder, create a file userChrome.css and paste the following code inside it :
tabbrowser tabpanels { background-color: rgb(19,19,20) !important; }
browser { background-color: #131314 !important; }
  • Then create another file userContent.css and paste the followind code in it :
@-moz-document url-prefix(about:blank) {
    html > body:empty {
        background-color: rgb(19,19,20) !important;
    }
}
@-moz-document url(about:blank) {
    html > body:empty {
        background-color: rgb(19,19,20) !important;
    }
}
  • Completely quit and restart firefox

  • Enjoy

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment