Skip to content

Instantly share code, notes, and snippets.

@BeemerJ

BeemerJ/firefox_dark_background.md

Forked from gmolveau/firefox_dark_background.md
Last active April 2, 2024 16:18
Show Gist options

  • Select an option

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

Select an option

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

Revisions

  1. BeemerJ revised this gist Jul 30, 2022. 1 changed file with 15 additions and 9 deletions.
    24 changes: 15 additions & 9 deletions firefox_dark_background.md
    View file
    Original file line number Diff line number Diff line change
    @@ -4,19 +4,25 @@ Removes the awful white flash when loading new pages on Firefox for a nicer dark

    ### Procedure

    1) Type `about:config` in the URL bar
    2) Search `toolkit.legacyUserProfileCustomizations.stylesheets` and double-click the field to set it to `true`
    3) Type `about:support` in the URL bar
    4) Look for `Profile folder` field and click on the __open__ button next to it.
    5) Create a folder with the name `chrome`
    6) Inside this folder, create a file `userChrome.css` and paste the following code inside it :
    1) Type `about:config` in the URL bar.

    2) Search `toolkit.legacyUserProfileCustomizations.stylesheets` and double-click the field to set it to `true`.

    3) Type `about:support` in the URL bar.

    4) Look for `Profile folder` field and click on the __open__ button next to it.

    5) Create a folder with the name `chrome`.

    6) Inside this folder, create a file `userChrome.css` and paste the following code inside it:


    ```css
    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 :
    7) Then create another file `userContent.css` and paste the followind code in it:

    ```css
    @-moz-document url-prefix(about:blank) {
    @@ -31,6 +37,6 @@ browser { background-color: #1C1B22 !important; }
    }
    ```

    7) Completely quit and restart firefox
    8) Completely quit and restart Firefox.

    Your eyes will thank you...
    _Your eyes will thank you..._
  2. BeemerJ revised this gist Jul 30, 2022. 1 changed file with 8 additions and 8 deletions.
    16 changes: 8 additions & 8 deletions firefox_dark_background.md
    View file
    Original file line number Diff line number Diff line change
    @@ -4,12 +4,12 @@ Removes the awful white flash when loading new pages on Firefox for a nicer dark

    ### 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 :
    1) Type `about:config` in the URL bar
    2) Search `toolkit.legacyUserProfileCustomizations.stylesheets` and double-click the field to set it to `true`
    3) Type `about:support` in the URL bar
    4) Look for `Profile folder` field and click on the __open__ button next to it.
    5) Create a folder with the name `chrome`
    6) Inside this folder, create a file `userChrome.css` and paste the following code inside it :

    ```css
    tabbrowser tabpanels { background-color: rgb(28,27,34) !important; }
    @@ -31,6 +31,6 @@ browser { background-color: #1C1B22 !important; }
    }
    ```

    * Completely quit and restart firefox
    7) Completely quit and restart firefox

    * Enjoy
    Your eyes will thank you...
  3. BeemerJ revised this gist Jul 30, 2022. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion firefox_dark_background.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    # Firefox Dark Background

    * How to change the background on Firefox to a dark one on new tab / loading screen ?
    Removes the awful white flash when loading new pages on Firefox for a nicer dark theme.

    ### Procedure

  4. BeemerJ revised this gist Apr 4, 2022. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions firefox_dark_background.md
    View file
    Original file line number Diff line number Diff line change
    @@ -12,21 +12,21 @@
    * Inside this folder, create a file `userChrome.css` and paste the following code inside it :

    ```css
    tabbrowser tabpanels { background-color: rgb(19,19,20) !important; }
    browser { background-color: #131314 !important; }
    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 :

    ```css
    @-moz-document url-prefix(about:blank) {
    html > body:empty {
    background-color: rgb(19,19,20) !important;
    background-color: rgb(28,27,34) !important;
    }
    }
    @-moz-document url(about:blank) {
    html > body:empty {
    background-color: rgb(19,19,20) !important;
    background-color: rgb(28,27,34) !important;
    }
    }
    ```
  5. @gmolveau 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
  6. 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 :
  7. 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.
  8. Grégoire MOLVEAU revised this gist Feb 12, 2019. No changes.
  9. 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
  10. 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