fg color for option and select missing in your CSS.

English Forums Feedback
1

You should better not use this in https://static.opensuse.org/themes/bento/css/base.css:

option:nth-child(even){background-color:#eee;}

It makes every other option unreadable on GTK dark themes (and white font), affecting Advanced Search in the forum and the package search engine drop down list (at [noparse]http://software.opensuse.org[/noparse]](http://software.opensuse.org)) I’m aware that no-one is going to complain about that and in fact, only very few people will notice a problem - since FF GTK theming is (almost) impossible and Xul theming will overwrite your style sheet, but you can not (seriously) set a background color without defining a foreground color. This is the surest way to invisibility.

If zebra striping is required (???), then you should use this:

option {
    background-color: #ffffff;
    color: #000000 ;
}

option:nth-child(even) {
    background-color: #eeeeee;
}

Otherwise it would be better to do nothing ( i.e. remove this class).

2

On Fri, 29 Jul 2011 11:36:03 +0000, please try again wrote:

> You should better not use this in
> https://static.opensuse.org/themes/bento/css/base.css:
>
> Code:
> --------------------
> option:nth-child(even){background-color:#eee;}
> --------------------
>
>
> It makes every other option unreadable on GTK dark themes (and white
> font), affecting Advanced Search in the forum and the package search
> engine drop down list (at
> ‘http://software.opensuse.org’
> (http://software.opensuse.org)) I’m aware that no-one is going to
> complain about that and in fact, only very few people will notice a
> problem - since FF GTK theming is (almost) impossible and Xul theming
> will overwrite your style sheet, but you can not (seriously) set a
> background color without defining a foreground color. This is the surest
> way to invisibility.
>
> If zebra striping is required (???), then you should use this:
>
>
> Code:
> --------------------
> option {
> background-color: #ffffff;
> color: #000000 ;
> }
>
> option:nth-child(even) {
> background-color: #eeeeee;
> }
> --------------------
>
>
> Otherwise it would be better to do nothing ( i.e. remove this class).

Will pass this along - we use the CSS from the opensuse.org site, so it
may need to be pushed up the chain.

Jim

–
Jim Henderson
openSUSE Forums Administrator
Forum Use Terms & Conditions at http://tinyurl.com/openSUSE-T-C

3

Yes, I noticed. In the meantime, affected FF users can add this in their ~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css:

select {
    background-color: #ffffff !important;
    color: #000000 !important;
}

option {
    background-color: #ffffff !important;
    color: #000000 !important;
}

option:nth-child(even) {
    background-color: #eeeeee !important ;
}

Of course, they can change the colors or do more if they wish… Another example:

select {
	background-color: #a6b4b0 !important;
	color: #000000 !important ; 
}

select:hover {
	color: #000000 !important ; 
}

select:active {
	color: #ffffff !important ; 
}

option {
	background-color: #74f492 !important;
	color: #000000 !important ; 
}

option:nth-child(even) {
	background-color: #a0f0b3 !important;
}

option:hover {
	background-color: #00231a !important;
	color: #ffffff !important ; 
}
4

Can you post a screenshot somewhere so we can see what you’re seeing?

Thanks,

Jim

–
Jim Henderson
openSUSE Forums Administrator
Forum Use Terms & Conditions at http://tinyurl.com/openSUSE-T-C