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 <[email protected]> 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 < > [email protected]> 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 >> <http://tools.wmflabs.org/styleguide/desktop/section-2.html>. >> >> 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? >> >> [image: Inline image 2] >> >> >> On Tue, Aug 19, 2014 at 11:20 AM, Trevor Parscal <[email protected]> >> wrote: >> >>> I'm confident she will come up with something sensible. >>> >>> - Trevor >>> >>> >>> On Tue, Aug 19, 2014 at 11:11 AM, Jared Zimmerman < >>> [email protected]> 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 <http://loo.ms/g0> >>>> >>>> >>>> >>>> On Tue, Aug 19, 2014 at 11:08 AM, Trevor Parscal < >>>> [email protected]> 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 <[email protected] >>>>> > 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 >>>>>> [email protected] >>>>>> https://lists.wikimedia.org/mailman/listinfo/design >>>>>> >>>>>> >>>>> >>>>> _______________________________________________ >>>>> Design mailing list >>>>> [email protected] >>>>> https://lists.wikimedia.org/mailman/listinfo/design >>>>> >>>>> >>>> >>>> _______________________________________________ >>>> Design mailing list >>>> [email protected] >>>> https://lists.wikimedia.org/mailman/listinfo/design >>>> >>>> >>> >>> _______________________________________________ >>> Design mailing list >>> [email protected] >>> https://lists.wikimedia.org/mailman/listinfo/design >>> >>> >> >> _______________________________________________ >> Design mailing list >> [email protected] >> https://lists.wikimedia.org/mailman/listinfo/design >> >> > > _______________________________________________ > Design mailing list > [email protected] > https://lists.wikimedia.org/mailman/listinfo/design > >
_______________________________________________ Design mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/design
