4

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
  • 869
  • 6
  • 17
  • 30
  • 1
    Have you though about using an extension like New Tab Tools? https://addons.mozilla.org/en-US/firefox/addon/new-tab-tools/ Also lets you customize new tab in other ways... – Clayton Jan 25 '18 at 15:54
  • @Clayton Thanks for the suggestion; I'll use that for now although I'd rather figure out what I'm doing wrong with Stylish. – sab669 Jan 25 '18 at 15:59

2 Answers2

5

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
  • 116
  • 1
  • 5
  • 1
    Thanks; I ended up finding this last night. Accepting this as the answer instead of Clayton's as it does not rely on yet another addon – sab669 Jan 26 '18 at 12:58
  • Yeah, installing addons makes your browser more unique, that not cool in some aspects. – Mikey Jan 26 '18 at 12:59
  • 1
    Just wanted to add another note: While Firefox is configured to 'show a blank page' on start up, it was not respecting this `userContent.css` file so when I would first open Firefox it would show a white background. What I did to get around this is to set it to 'open my homepage' and then just put `about:newtab` as my homepage – sab669 Jan 31 '18 at 13:23
1

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
  • 497
  • 2
  • 8