FIXED: Need a workaround for firefox with dark GNOME themes...

[DarkThinker]

I fixed it, I new the properties regarding web interface are set in userContent.css, but wasn't sure about the exact syntax, so after fiddiling around a little (after making a backup of usercontent.css ofcourse), I figured I could change the color of the buttons themeselves in to darkish grey color meaning rgb (32, 32, 32). And after restarting firefox, that did it

New screenshot

userContent.css:

input[type="text"],
input[type="password"],
input:not([type]) {
border: 2px solid !important;
-moz-border-top-colors: #7C7C7C #C3C3C3;
-moz-border-left-colors: #C2C2C2 #EFEFEF;
-moz-border-right-colors: #C2C2C2 #EFEFEF;
-moz-border-bottom-colors: #DDDDDD #FEFEFE;

}

button,
input[type="reset"],
input[type="button"],
input[type="submit"],
select:not([multiple]) {
border: 2px solid !important;
-moz-border-bottom-colors: #999999 #CECECE;
-moz-border-left-colors: #737373 #FFFFFF;
-moz-border-right-colors: #999999 #CECECE;
-moz-border-top-colors: #737373 #FFFFFF;
background-image: url("chrome://browser/skin/bookmark_toolbar_background.gif");
background-repeat: repeat-x !important;
background-position: bottom right !important;
< background-color: rgb(32, 32, 32) !important;
-moz-border-radius: 1px !important;


}

button:focus:active,
input[type="reset"]:hover:active,
input[type="button"]:hover:active,
input[type="submit"]:hover:active,
select:not([multiple]):hover:active {
border: 2px solid !important;
-moz-border-top-colors: #999999 #CECECE !important;
-moz-border-right-colors: #737373 #FFFFFF !important;
-moz-border-left-colors: #999999 #CECECE !important;
-moz-border-bottom-colors: #737373 #FFFFFF !important;

}

select > input[type="button"] {
border-top: none !important;
border-left: 1px solid #CECECE !important;
border-right: none !important;
border-bottom: none !important;
background-image: none !important;
background-color: transparent !important;

}


input[type="text"]:focus,
input[type="password"]:focus,
input:not([type]):focus,
textarea:focus,
select[multiple]:focus {

-moz-border-top-colors: -moz-mac-focusring -moz-mac-focusring !important;
-moz-border-left-colors: -moz-mac-focusring -moz-mac-focusring !important;
-moz-border-right-colors: -moz-mac-focusring -moz-mac-focusring !important;
-moz-border-bottom-colors: -moz-mac-focusring -moz-mac-focusring !important;
-moz-border-radius: 1px !important;
}

textarea, select[multiple] {
border: 2px solid !important;
-moz-border-bottom-colors: transparent #999999 !important;
-moz-border-left-colors: transparent #999999 !important;
-moz-border-right-colors: transparent #999999 !important;
-moz-border-top-colors: transparent #737373 !important;
-moz-border-raius-top-right: 1px;
-moz-border-radius-bottom-right: 1px;
}

I like using dark themes with black backgrounds and white text and I also like Firefox using the system theme in it's menus and so forth (BTW I am using the gnome for Mozilla theme).
However the only thing that I don't like, is that web pages try to follow the system theme and fail miserably, especially Buttons and drop down boxes (look at Screenshot ), so is there a way to make Firefox follow some default and ignore these specific system preferences while maintaining it's adherence to the theme when it comes to the general interface?
So that the font on the web buttons is actually black and not white no matter what the system theme is?

Thanks