This is a read-only archive!

Dark QT theme = unreadable text fields in web pages

I use a dark QT theme. Many web pages (example: Youtube) have CSS which sets text fields to have black text, but don't set the background color of text fields to be anything. So the background color ends up being my default dark (set by my browser / window manager), but the text in the fields is set by the page's CSS to be black, so I can't read it.

This is incredibly annoying. If sites would either set BOTH the text color and background, or NEITHER the text color nor background, things would be readable. Picking one ends up causing a mess for anyone using a dark theme.

In Firefox to fix this I have to screw around with ~/.mozilla/firefox/$PROFILE.default/chrome/userContent.css and force the font color of all my text fields to be white. This then screws up pages that style their text fields to have white backgrounds, so I have to force my background to be dark for all sites.

input {
    color: white !important;
    background: black !important;
}

However this looks horrible. Largely due to the fact that form elements in Firefox look like Windows 3.1 widgets to begin with.

In Opera on the other hand, I can go to Tools -> Preferences -> Advanced -> Content -> Style Options... -> Enable Styling of Forms and disable all form styling on all web pages. This cause forms to revert back to their default appearance as decided by Opera. In Opera, the default appearance is often set by the theme you're using, so this is actually a nice option and gives nice-looking form widgets. You can also use a custom stylesheet in Opera similarly to Firefox where you can override the colors of form elements using CSS, if you so desire. It's in the same dialog box as the option above.

Any styling that a web page applied to make form widgets fit in better with the rest of the page is gone when do you do this kind of thing, but I'm willing to pay that price.

September 26, 2007 @ 5:55 AM PDT
Cateogory: Linux

8 Comments

bug
Quoth bug on September 27, 2007 @ 9:18 AM PDT

Why don't 'ya make an extension to do that? I'm sure nobody will mind if there'll be another one.

bug
Quoth bug on September 27, 2007 @ 9:20 AM PDT

[Done a tiny check] Your text is half truth. The free links back to our sites are "nofollow" -- I'd call that half truth half lie. It makes the user believe it's a real link.

Raasnap
Quoth Raasnap on October 20, 2007 @ 12:57 AM PDT

I've solved this problem for iceweasel, but for epiphany I don't find a way. Any suggestion?! I can disable the stylesheet but it make web's ugly...

Brian
Quoth Brian on October 20, 2007 @ 9:28 AM PDT

Sorry, no idea how epiphany works.

vildanovak
Quoth vildanovak on January 28, 2008 @ 6:01 AM PST

I'd really love if somebody would make an extension which would be able to darken bright webpages, and keep those dark as they are. my eyes ache from all the white.

Brian
Quoth Brian on January 28, 2008 @ 2:11 PM PST

That'd be nice. I don't think it's possible for a script to tell if a page is going to be easily readable by a human being though.

Best thing you could do is set a stylesheet that overrides all webpages to use some set background color and font color. It would probably make many sites look horrible.

Quux
Quoth Quux on April 16, 2008 @ 10:00 PM PDT

I use the webdeveloper plugin, option "Disable Page Colors" which leaves most styles intact but reduces colors to the ones in the normal options dialog. Works good enough for me.

Jim
Quoth Jim on October 04, 2010 @ 11:40 PM PDT

Thanks a lot. stupid non-readable youtube txt is fixed!