I agree. The second one looks great to me. Kaldari
On Tue, Aug 19, 2014 at 1:12 PM, Trevor Parscal <[email protected]> wrote: > I really like it. The #ccc outline, #f9f9f9 fill and #ccc text looks great. > > - Trevor > > > On Tue, Aug 19, 2014 at 1:10 PM, May Tee-Galloway <[email protected] > > wrote: > >> 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? >> [image: Inline image 1] >> >> >> On Tue, Aug 19, 2014 at 12:55 PM, Trevor Parscal <[email protected]> >> wrote: >> >>> I recommend using @colorDisabledText for the label, and @colorGray15 for >>> the fill. >>> >>> >>> On Tue, Aug 19, 2014 at 12:42 PM, Jon Robson <[email protected]> >>> 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 < >>>> [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 >>>> >>>> >>> >>> _______________________________________________ >>> 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
