5

Hopefully an easy one. I'm using Firefox 17.0.1 on Win 7. All was working fine, but now when i use "inspect element", the inspect element pane has a dark blue background with dark foreground colors for the html elements making it very hard to read. I have searched and searched but naturally most searches turn up results about changing a page's background color rather than that of the inspector itself. Any help appreciated. Thanks.

Madbreaks
  • 19,094
  • 7
  • 58
  • 72
TomB
  • 750
  • 4
  • 17

2 Answers2

1

An answer I have seen is to create a "user" style to force the background to be white.

Link: http://support.mozilla.org/en-US/questions/943857

To do this you install an addon for Firefox called "Stylish"

Link: https://addons.mozilla.org/en-US/firefox/addon/stylish/

And use it to create a user style with the following code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("chrome://browser/content/devtools/markup-view.xhtml") {
body { background: white !important }
}

I have done this and it works for me.

Link for documentaion for the Stylish addon: http://userstyles.org/help/stylish_firefox

Nat
  • 621
  • 1
  • 6
  • 17
  • Nat: You are right on the money. I got a similar answer with a little more detail here: https://support.mozilla.org/en-US/questions/943857#answer-387633 For anyone else, this will solve the problem very easily. Thanks. – TomB Dec 09 '12 at 17:58
0

I'm not sure you can change this, but you could use Firebug which still has a white background

koopajah
  • 23,792
  • 9
  • 78
  • 104