Firefox and dark GTK themes

Dark GTK themes can look very strange in firefox, since input widgets are likely to get transformed into dark pits with dark background colors and equally dark foreground fonts. Fortunately there is at least one solution that does not require fiddling around with GTK theme definitions.

The firefox plugin “Stylish” allows you to define your custom style overrides in css for your firefox browser.

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

To fix input widget color you would create a new style and copy something like the following into the style definition (sorry for the messy indentations caused by copy-pasting). Voilà, no more black holes in your browser sucking in your input text.

@-moz-document url-prefix(http), url-prefix(file) {
pre, input, textarea {
 color: black !important;
 background: white !important;
 border-left-color: gray !important;
 border-right-color: gray !important;
 border-top-color: gray !important;
 border-bottom-color: gray !important;
}
input:not([type="button"]):not([type="checkbox"])
:not([type="submit"]):not([type="reset"]), 
select {
 color: black !important;
 background: white !important;
 border-left-color: gray !important;
 border-right-color: gray !important;
 border-top-color: gray !important;
 border-bottom-color: gray !important;
}
}
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s