Control CSS color for windowtext in FireFox?

Question

I use a KDE theme with dark menus and white text. In Firefox (5.0), under Preferences->Content->Colors I have black text and a white background chosen. I have "use system colors" unchecked.

I encountered a site that specifies their CSS to set color: windowtext, but hardcodes the background to white. This results in white text on a white background. I don't understand why Firefox is using white text for windowtext.

How can I force Firefox to use a color of my choice when it resolves "windowtext"? Is there something I can put in userContent.css or userChrome.css? or some other way?

Answer 1

You can't tell Firefox to pick an arbitrary color to resolve to when encountering a system color. That's hardcoded into the rendering engine. However, you can still tell it to set the text black and the background white for that site.

Go to userContent.css and add the following style:

@-moz-document domain('offendingsite.com') {
    body {
        color: black !important;
        background-color: white !important;
    }
}

Then restart Firefox and visit the site again.

Of course, offendingsite.com should be replaced with the domain name of the site in question.

Answer 2

well if you can get access to a user css file, you can set

body
{
  color: black !important
  background-color: white !important
}

I think that's the closest you can get with it though.