Fix those damn dark input fields in firefox

Ok you could say I am strange and everything but I like dark themes like ubuntu's Dark Room.
The tiny little problem is that since firefox is (not perfectly)using native widgets I ended up having black text on black controls and therefore a good bunch of headaches. After a quick search on google I found a solution on ubuntu's forums . I had some problems with it though, so I tricked and simplified it a bit in order to have it working for me. I sum up the steps needed on ubuntu 10.04:

  1. Install Stylish Firefox extension:
  2. Tools > Add-ons > User Styles > Write New Style(it' s in the bottom-right corner)
  3. Name it as you like, on ubuntuforum they call it "Fix Dark Textboxes" and then paste the following text:

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

    @-moz-document url-prefix(http), url-prefix(https), url-prefix(file) {

    pre, select, input[type="button"], input[type="submit"] {
    color: white !important;
    background-color: #4C4039 !important;
    background-image: none !important;
    border-left-color: gray !important;
    border-right-color: gray !important;
    border-top-color: gray !important;
    border-bottom-color: gray !important;
    }

    input[type=text], textarea {
    background-color: white !important;
    background-image: none !important;
    color: black !important;
    }

    }

It's not perfect but should work almost everywhere allowing you to at least read the various input fields available withouth too many problems :P