Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit bbfed3dd995fb9d41cf1a949177aa047b4b18504
parent dcfe74b0b9f6369e1dd46f2128866d59dbd8da33
Author: Jake Bauer <>
Date:   Thu, 16 Jan 2020 19:26:43 -0500

Create new guide

Apages/guides/ | 43+++++++++++++++++++++++++++++++++++++++++++
1 file changed, 43 insertions(+), 0 deletions(-)

diff --git a/pages/guides/ b/pages/guides/ @@ -0,0 +1,43 @@ +## How to Make the New Tab Page Dark Themed in Firefox + +[//]: # "Firefox does a good job of using my system theme to colour its UI except for the New Tab page which remains blindingly white. Here's how to change that:" + +[//]: # "base.min.css" + +[//]: # + +**Written By:** Jake Bauer | + **Posted:** 2020-01-08 | + **Last Updated:** 2020-01-08 + +**Difficulty:** Beginner + +All of my desktop environments use the Arc-Dark theme. It's not too dark and it +also feels way easier on my eyes than most of the light themes out there. +Firefox does a good job of using my system theme to colour its UI except for the +New Tab page which remains blindingly white. + +Here is how you can change the background of the New Tab page: + +1. Navigate to your Firefox profile directory: + 1. Go to `about:support` using the address bar + 2. Click `Open Directory` next to the item in the table labelled "Profile + Directory" +2. Create the directory `chrome` in your Firefox profile directory if it doesn't + exist. +3. In the `chrome` directory, create the `userContent.css` file and populate it + with the following: + +<pre><code>@-moz-document url("about:newtab") { + body { + background-color: &lt;colour&gt; !important; + } +} +</code></pre> + +Replace `<colour>` with your desired colour. I configure my Firefox with +`#383c4a` because it's one of the colours that Arc-Dark features heavily so it +meshes well with my system theme. + +You may also want to set this for `"about:blank"` if you use a blank page as the +first page that opens when Firefox launches.