Twenty Seventeen dark - members listing - Order by drop down text hard to see

[dsided]

In the /members listing (members-loop) the drop down "Order by" are set white text on a light grey background. Background should be changed to 333

[dsided]

Screen shot of members listing - dark - drop down

[hnla]

In which browser are we seeing this?

Answered my own question in Chrome FF is correctly inheriting color.

[dsided]

I've added the following css to target the drop down options background to a dark grey:

body.colors-dark #page #buddypress #members-order-by option {
	background-color: #333;
}

Please see 7471.diff attached.

[hnla]

Correct Chrome issue with inherited background on select element dropdown

[hnla]

@dsided yep problem is with Chrome it seems, FF is fine, revised the patch to effect a explicit color on the option element for both in the scss sheet, many thanks.

I'll commit this a little later when I have a moment.

[hnla]

Updated patch to revise & reduce the scss nesting level - avoid linting error.

[mercime]

In 11515:

Improve visibililty of selectbox options for the Twenty Seventeen dark theme.

Props dsided, hnla.
Fixes #7471.