Skip to content

Instantly share code, notes, and snippets.

@gmolveau

gmolveau/firefox_dark_background.md

Last active September 22, 2025 05:13
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save gmolveau/a802ded1320a7591a289fb7abd0d6c45 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save gmolveau/a802ded1320a7591a289fb7abd0d6c45 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. gmolveau revised this gist Apr 10, 2020. 1 changed file with 10 additions and 2 deletions.
    12 changes: 10 additions & 2 deletions firefox_dark_background.md
    View file
    Original file line number Diff line number Diff line change
    @@ -19,8 +19,16 @@ browser { background-color: #131314 !important; }
    * Then create another file `userContent.css` and paste the followind code in it :

    ```css
    @-moz-document url(about:blank) { html { background-color: rgb(19,19,20) !important; } }
    @-moz-document url-prefix(about:blank) { * { background-color: rgb(19,19,20); } }
    @-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
  2. Grégoire MOLVEAU revised this gist Aug 8, 2019. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion firefox_dark_background.md
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,9 @@

    ### Procedure

    * Type `about:support` in the URL
    * 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 :
  3. Grégoire MOLVEAU renamed this gist Feb 13, 2019. 1 changed file with 0 additions and 0 deletions.
    0 README.md → firefox_dark_background.md
    View file
    File renamed without changes.
  4. Grégoire MOLVEAU revised this gist Feb 12, 2019. No changes.
  5. Grégoire MOLVEAU revised this gist Feb 12, 2019. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -10,15 +10,15 @@
    * Inside this folder, create a file `userChrome.css` and paste the following code inside it :

    ```css
    tabbrowser tabpanels { background-color: #131314 !important; }
    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 :

    ```css
    @-moz-document url(about:blank) { html { background-color: #131314 !important; } }
    @-moz-document url-prefix(about:blank) { * { background-color: #131314 !important; } }
    @-moz-document url(about:blank) { html { background-color: rgb(19,19,20) !important; } }
    @-moz-document url-prefix(about:blank) { * { background-color: rgb(19,19,20); } }
    ```

    * Completely quit and restart firefox
  6. Grégoire MOLVEAU created this gist Feb 12, 2019.
    26 changes: 26 additions & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,26 @@
    # Firefox Dark Background

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

    ### Procedure

    * Type `about:support` in the URL
    * 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 :

    ```css
    tabbrowser tabpanels { background-color: #131314 !important; }
    browser { background-color: #131314 !important; }
    ```

    * Then create another file `userContent.css` and paste the followind code in it :

    ```css
    @-moz-document url(about:blank) { html { background-color: #131314 !important; } }
    @-moz-document url-prefix(about:blank) { * { background-color: #131314 !important; } }
    ```

    * Completely quit and restart firefox

    * Enjoy