Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Radio buttons could use some more contrast #12937

Closed
jvanasco opened this issue Mar 5, 2014 · 2 comments
Closed

Radio buttons could use some more contrast #12937

jvanasco opened this issue Mar 5, 2014 · 2 comments
Labels
Milestone

Comments

@jvanasco
Copy link

jvanasco commented Mar 5, 2014

originally in #1227

Here's an example illustrating the radio buttons with adjacent colors that are both identical and different.

The state change is barely noticeable when different background colors are combined.
The state change is poorly noticeable when the same background colors are combined.

http://www.bootply.com/119132

Using colorhexa.com / color-hex.com , I tried dropping down the background colors to an 80% tint (from 100% of the current color, which I know is calculated by LESS ). At that setting, all button states were clearly identifiable. Even at 90% it was better ( though not as clear as 80%).

I couldn't figure out where/how to control that in the LESS file, so I couldn't make a patch to illustrate.

@cvrebert cvrebert added the css label Mar 5, 2014
@cvrebert cvrebert added this to the v3.2.0 milestone Mar 5, 2014
@mdo
Copy link
Member

mdo commented Mar 6, 2014

Word, I'll take a look. Looks rough in a setup like that for sure.

@mdo
Copy link
Member

mdo commented Mar 7, 2014

I've darkened them just a bit, but not too much. Ultimately if you're customizing the buttons, you could easily add a gradient to give the right amount of emphasis. We don't do that because that's too prescriptive.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants