How to Change the Background Color of a Firefox Validation Element

Question

Hope this will be easy. I use Firefox 17.0.1 on Win 7. Everything worked fine, but now when I use the “check item”, the inspection item panel has a dark blue background with dark foreground colors for the html elements, which makes it very difficult to read. I searched and searched, but, of course, most search queries display the results of changing the background color of the page, and not the inspector himself. Any help appreciated. Thanks.

Answer 1

The answer I saw was to create a user style to make the background be white.

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

To do this, you install a Firefox add-on called Stylish

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

And use it to create a custom 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 did it and it works for me.

Documentation link for the stylish addon: http://userstyles.org/help/stylish_firefox

Answer 2

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