I was looking for a background color that has as little contrast as possible with #CCC. Important to have the border show but not dark enough that when it stands alone, it looks like an active checkbox. I made a version with #F9F9F9. What do you guys think? 

On Tue, Aug 19, 2014 at 12:55 PM, Trevor Parscal <tparscal@wikimedia.org> wrote:

I recommend using @colorDisabledText for the label, and @colorGray15 for the fill.

On Tue, Aug 19, 2014 at 12:42 PM, Jon Robson <jrobson@wikimedia.org> wrote:

MediaWiki UI already has the current grays defined. According to current spec colour gray 12 (#ccc) is used for disabled text.

@colorGray1: #111; // darkest

@colorGray2: #222;

@colorGray3: #333;

@colorGray4: #444;

@colorGray5: #555;

@colorGray6: #666;

@colorGray7: #777;

@colorGray8: #888;

@colorGray9: #999;

@colorGray10: #AAA;

@colorGray11: #BBB;

@colorGray12: #CCC;

@colorGray13: #DDD;

@colorGray14: #EEE;

@colorGray15: #F9F9F9; // lightest

@colorDisabledText: @colorGray12;

On Tue, Aug 19, 2014 at 12:40 PM, Trevor Parscal <tparscal@wikimedia.org> wrote:

The label being grayed out is important. The outline being closer to white also helps a lot, but as you said, when it's alone the outline change is not enough. I think the gray fill is still a little dark, maybe use #f5f5f5 if you can swing it, but B is getting close.

- Trevor

On Tue, Aug 19, 2014 at 12:03 PM, May Tee-Galloway <mgalloway@wikimedia.org> wrote:

I made a few of variations to compare. I think B works the best because it doesn't look like you can do anything about it. I greyed the text out, just like what happens to disabled buttons. 

If A and C stood alone without the standard checkbox, they may not be as clear that they're disabled. Is there a reason we're using lightgrey instead of actual value? 

On Tue, Aug 19, 2014 at 11:20 AM, Trevor Parscal <tparscal@wikimedia.org> wrote:

I'm confident she will come up with something sensible.

- Trevor

On Tue, Aug 19, 2014 at 11:11 AM, Jared Zimmerman <jared.zimmerman@wikimedia.org> wrote:

Trevor, thanks, thats looking closer. I'll let may weigh in before we finalize. 

Jared Zimmerman  \\  Director of User Experience \\ Wikimedia Foundation               

M +1 415 609 4043 \\  @jaredzimmerman

On Tue, Aug 19, 2014 at 11:08 AM, Trevor Parscal <tparscal@wikimedia.org> wrote:

This is what it looks like when the checkbox uses #ddd instead of "lightgrey" and the surrounding .mw-ui-checkbox div is 50% transparent.

- Trevor

On Tue, Aug 19, 2014 at 11:02 AM, Ryan Kaldari <rkaldari@wikimedia.org> wrote:

Maybe it's just me, but the new disabled checkbox doesn't look disabled to me:
https://tools.wmflabs.org/styleguide/desktop/section-5.html

The normal convention for making a form element disabled is to make it faded out (<100% opacity), not giving it a gray fill.

I have no idea where this design came from or who is responsible for it, but I was wondering if the design team could revisit it.

Thanks!
Ryan Kaldari

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design

_______________________________________________
Design mailing list
Design@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design