BeemerJ/firefox_dark_background.md

Forked from gmolveau/firefox_dark_background.md

Last active April 2, 2024 16:18

Star (1) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/BeemerJ/f6f5ad62ed7aea9eda1cf18aa778f51d.js"></script>
Save BeemerJ/f6f5ad62ed7aea9eda1cf18aa778f51d to your computer and use it in GitHub Desktop.

Download ZIP

Firefox dark background / theme for new tab and loading screen

Raw

firefox_dark_background.md

Firefox Dark Background

Removes the awful white flash when loading new pages on Firefox for a nicer dark theme.

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(28,27,34) !important; }
browser { background-color: #1C1B22 !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(28,27,34) !important;
    }
}
@-moz-document url(about:blank) {
    html > body:empty {
        background-color: rgb(28,27,34) !important;
    }
}

Completely quit and restart Firefox.

Your eyes will thank you...

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