Modify Firefox New Tab Page – How to Modify the New Tab Page in Firefox with Stylish

firefoxstylish

I just upgraded to Firefox 58 after using Chrome for a very long time. I've downloaded Stylish and created the following custom style:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("about:newtab") {
    body {
        background-color: #111111 !important;
    }
}

It is saved and enabled, but when I open a new tab Stylish doesn't display any installed styles:

enter image description here

However, when I switch to any other page, Stylish does show the style I included above:

enter image description here

Even if I manually navigate to about:newtab, the style still does not activate.

So, how do I change the background color of the newtab page in Firefox with Stylish?

Best Answer

Solution on Youtube

If author of the vid will delete it , then reupload this vid to Bitchute.com (:D) or read text version of instructions :

  1. Type in the adress bar about:profiles
  2. Open your ROOT Directory by clickin "Open directory button". Not Local Directory.
  3. Create "chrome" directory here by mkdir chrome command in terminal or via right click button of your mouse.
  4. Open folder that you created and create css file here by naming it "userContent.css"

  5. Paste this code to your "userContent.css" file :

    @-moz-document url("about:newtab") { body { background-color: #000000 !important; } }

  6. Restart your browser manually or by clickin "Restart normally..." button in about:profiles adress.

You will get results that you need ! :)

Related Question