This post has been de-listed

It is no longer included in search results and normal feeds (front page, hot posts, subreddit posts, etc). It remains visible only via the author's post history.

1
New firefox user trying to edit CSS
Post Body

Hi,

Just converted from Chrome to FF. Have went through a ton of FF tips and tricks threads, and currently wanting to try my hand at some small changes at CSS, but having major fails. I have done my search and tried some variations but somehow its not working even after multiple FF restarts. Not sure what I'm doing wrong. Thanks in advance.

All I want to do is:

  • Change new tab page to be of a dark bg colour (say #444444)

  • Change the bg of the interim loading page (like opening a new bookmark/link) to a dark colour

  • When expanding Options/Bookmarks, change the bg to a dark colour

I have created the userChrome and userContent css files in the chrome folder, and these are the following right now:

  • userChrome

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); @-moz-document url(chrome://browser/content/browser.xul) { browser[type="content-primary"], tabbrowser tabpanels, #appcontent > #content { background: #444444 !important; } }

  • userContent

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url(about:blank), url(about:newtab) { #newtab-window, html { background: #444444; } }

Author
Account Strength
100%
Account Age
7 years
Verified Email
Yes
Verified Flair
No
Total Karma
24,829
Link Karma
8,079
Comment Karma
16,026
Profile updated: 3 days ago
Posts updated: 6 months ago

Subreddit

Post Details

We try to extract some basic information from the post title. This is not always successful or accurate, please use your best judgement and compare these values to the post title and body for confirmation.
Posted
6 years ago