5

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?

Community
  • 1
sab669
  • 897

2 Answers2

6

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 ! :)

Mikey
  • 126
2

Have you though about using an extension like New Tab Tools? http://addons.mozilla.org/en-US/firefox/addon/new-tab-tools Also lets you customize new tab in other ways...

about:newtab is now considered a browserinternal page by Firefox57+ and therefore extensions like Stylish only have restricted access for security reasons. You can still style it manually by using the userChrome.css https://www.userchrome.org/what-is-userchrome-css.html

Clayton
  • 547