I recommend using @colorDisabledText for the
label, and @colorGray15 for
the fill.
On Tue, Aug 19, 2014 at 12:42 PM, Jon Robson <jrobson(a)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(a)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(a)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
>> <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 <
>> tparscal(a)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(a)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 <http://loo.ms/g0>
>>>>
>>>>
>>>>
>>>> On Tue, Aug 19, 2014 at 11:08 AM, Trevor Parscal <
>>>> tparscal(a)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(a)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(a)lists.wikimedia.org
>>>>>>
https://lists.wikimedia.org/mailman/listinfo/design
>>>>>>
>>>>>>
>>>>>
>>>>> _______________________________________________
>>>>> Design mailing list
>>>>> Design(a)lists.wikimedia.org
>>>>>
https://lists.wikimedia.org/mailman/listinfo/design
>>>>>
>>>>>
>>>>
>>>> _______________________________________________
>>>> Design mailing list
>>>> Design(a)lists.wikimedia.org
>>>>
https://lists.wikimedia.org/mailman/listinfo/design
>>>>
>>>>
>>>
>>> _______________________________________________
>>> Design mailing list
>>> Design(a)lists.wikimedia.org
>>>
https://lists.wikimedia.org/mailman/listinfo/design
>>>
>>>
>>
>> _______________________________________________
>> Design mailing list
>> Design(a)lists.wikimedia.org
>>
https://lists.wikimedia.org/mailman/listinfo/design
>>
>>
>
> _______________________________________________
> Design mailing list
> Design(a)lists.wikimedia.org
>
https://lists.wikimedia.org/mailman/listinfo/design
>
>
_______________________________________________
Design mailing list
Design(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
Design(a)lists.wikimedia.org