[Patternfly] PatternFly reference implementation v1.3.0 released

Gabriel Cardoso gcardoso at redhat.com
Fri Jun 5 13:49:33 UTC 2015


As a personal feedback, the two tones of blue seem too close. This is more evident in the color blindness test.

For hawkular we worked with a color palette of 7 colours and tried to make them more distinguishable for color blindness. 




Thanks,
Gabriel

Gabriel Cardoso
UX designer @ Red Hat



> On Jun 5, 2015, at 3:01 PM, Robb Hamilton <rhamilto at redhat.com> wrote:
> 
> 
>> On Jun 4, 2015, at 5:27 PM, mike thompson <mithomps at redhat.com <mailto:mithomps at redhat.com>> wrote:
>> 
>> Hi Robb,
>> 
>> Great to see.
> 
> thanks, mike!
> 
>> Has the color palette (css styles) been altered to a patternfly color palette or is it still a c3 palette?
> 
> sort of both.  some of the elements (such as axes are styled via patternfly css).  but the colors used on item such as the lines in line graphs are set on a per-chart basis via chart options.  so if no color palette is set in the chart options, the chart defaults to c3’s default color palette.  but the recommendation is to use patternfly’s color palette in the chart options to override the defaults.  see https://rawgit.com/patternfly/patternfly/master/tests/charts.html <https://rawgit.com/patternfly/patternfly/master/tests/charts.html> for an example.
> 
>> And will there be a dark/light/color-blind themes or palettes?
> 
> we don’t currently have plans for a dark theme as we’ve yet to identify a context in patternfly in which a dark chart is needed (now that i’ve said it, it’s bound to come up!  ;-) ).  as for colorblindness, we did test to ensure the patternfly palette was distinguishable per a simulator (nocoffee) for protanopia and deuteranopia (screenshots below), the two most common forms of colorblindness.  that said, feedback from actual colorblind users is needed.
> 
> protanopia
> 
> <Screen Shot 2015-06-05 at 8.55.25 AM.PNG>
> 
> deuteranopia
> 
> <Screen Shot 2015-06-05 at 8.55.40 AM.PNG>
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150605/2cb06c9c/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Graph-palete.png
Type: image/png
Size: 379289 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20150605/2cb06c9c/attachment.png>


More information about the PatternFly mailing list