Inverted widget colors again

Thu Aug 22 01:48:01 BST 2002

Dirk Mueller wrote:
> 
> On Fre, 09 Aug 2002, Michael Reiher wrote:
> 
> > There are still issues with default colors when using inverted widget themes.
> > First there are still cases of "normal" text where the fonts are hardly
> > readable, see e.g. http://www.adobe.de below the big headline "Die Vorteile von
> > Acrobat Produkten" (I don't know if that is an example for all cases left,
> > though). And second, form elements often set only either fore- or background
> > color so I end up with light grey on white or black on dark blue, see e.g.
> > http://reiseauskunft.bahn.de. (Yesterday I almost booked an additional feature
> > because it was checked although I thought it wasn't. And here things start to
> > get ugly.)
> 
> Can you create testcases of these two problems please ?
> 
Here we go:

The first is the adobe case. It's light grey text on white background for me:

--- cut ---

<HTML>
  <HEAD>
    <STYLE>
      body { background-color: white }
    </STYLE>
  </HEAD>

  <BODY>
    Some text in standard system text color. Light grey in my case.
  </BODY>
</HTML>

--- cut ---

The next is another case where I get darkblue text on darkblue background:

--- cut ---

<html>
  <body>
    <font color="#3A428C">Some text with custom dark blue color on default
widget background. Darkblue in my case, as well.</font>
  </body>
</html>

--- cut ---

An this is the bahn.de case with white form elements and in my case light grey
text.

--- cut ---

<HTML>
  <HEAD>
    <STYLE>
      input { background-color:#FFFFFF; }
      select { background-color:#FFFFFF; }
    </STYLE>
  </HEAD>
  <BODY>
    <input type="text" name="REQ0JourneyStopsDG" value="" size="30">

    <br>

    <select name="REQ0JourneyProduct_list_1">
    <option value="1:11111111110000" >Alle Produkte</option>
    <option value="2:01111111110000" >ohne ICE</option>
    <option value="3:00111111110000" >ohne ICE/IC/EC</option>
    <option value="4:00011111110000" >nur Nahverkehr</option>
    </select>

  </BODY>
</HTML>

--- cut ---

Greets

Michael