On a this monitor, @colorGray15 is completely indistinguishable from
white when used for the fill. It's crappy, yes, but also not unusual.
The #eee is also hard to tell the difference, but better.
On 19/08/14 19:55, Trevor Parscal 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]
<mailto:[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] <mailto:[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] <mailto:[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?
Inline image 2
On Tue, Aug 19, 2014 at 11:20 AM, Trevor Parscal
<[email protected] <mailto:[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]
<mailto:[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
<tel:%2B1%C2%A0415%20609%204043> \\
@jaredzimmerman <http://loo.ms/g0>
On Tue, Aug 19, 2014 at 11:08 AM, Trevor Parscal
<[email protected]
<mailto:[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]
<mailto:[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]
<mailto:[email protected]>
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
[email protected]
<mailto:[email protected]>
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
[email protected]
<mailto:[email protected]>
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
[email protected]
<mailto:[email protected]>
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
[email protected] <mailto:[email protected]>
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
[email protected] <mailto:[email protected]>
https://lists.wikimedia.org/mailman/listinfo/design
_______________________________________________
Design mailing list
[email protected] <mailto:[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
