Parts Tracker Icon Colors

[Orion Pobursky]

A discussion about being colorblind friendly on the PT sparked a discussion about possibly changing icon colors.

I made a quick icon legend for most of the icons on the PT:
https://library.ldraw.org/icons

Lets have a discussion about color palette.

[Willy Tschager]

I'd say Admin Certify+Certified either :

Magenta or Yellow

basically color far away from the others.

w.

[Willy Tschager]

I'd say Admin Certify+Certified either :

Magenta or Yellow

basically color far away from the others.

w.

[Philippe Hurbain]

I'd say Admin Certify+Certified either :

Magenta or Yellow

basically color far away from the others.

w.

Agreed, "admin certified" green is too close from "certify" vote green. Using magenta for admin cert would be fine (yellow is not so visible over white background)

[Martin James]

A discussion about being colorblind friendly on the PT sparked a discussion about possibly changing icon colors.

I made a quick icon legend for most of the icons on the PT:
https://library.ldraw.org/icons

Lets have a discussion about color palette.

Can I make a suggestion? Get a copy of the free app "Color Oracle" (https://colororacle.org/). It lets your screen simulate the effects of the most common types of colour blindness.

[Gerald Lasser]

We shoudl avoid pink/magenta as those are pretty close to grey

These make it fairly easy to distiguish for me:


  VoteColours.PNG (Size: 15.07 KB / Downloads: 142)

[Orion Pobursky]

I added the color being used for each icon. I also added a link to the tailwind v3 color palette which I will also link here:

https://v3.tailwindcss.com/docs/customizing-colors

While I can use any RGB color, the tailwind colors are the easiest to implement.

[Orion Pobursky]

So i think we agree on "certify" and "admin certify" being too close. 

I think "certify" should stay green, what should "admin certify" change to and what about the "Certified" part status which uses the same color?

[Rene Rechthaler]

Are there any plans for a dark mode to be considered here?
Are the symbols "cutout" with transparent background or with white frame?

[Orion Pobursky]

No plans for a dark mode

The icons are svgs so the background is transparent.

[N. W. Perry]

So i think we agree on "certify" and "admin certify" being too close. 

I think "certify" should stay green, what should "admin certify" change to and what about the "Certified" part status which uses the same color?

I think the "Certified" status should also stay green. Maybe "admin certify" could be magenta (sort of a "royal" purple), unless there a gold-like shade of yellow that won't disappear over the background?

[Orion Pobursky]

I changed:
Admin certs to purple-500
Awaiting Admin status to orange-500

[Sylvain Sauvage]

Can’t the shapes be changed too?
Put a small ‘A’ in a corner for admin certified for instance.

[Orion Pobursky]

Can’t the shapes be changed too?
Put a small ‘A’ in a corner for admin certified for instance.

Not within my capabilities, no.

[Jeff Jones]

Not within my capabilities, no.

i could do it

[Orion Pobursky]

i could do it

Thanks for the offer but what I meant was I can't without going to a completely custom icon set which I'm not prepared to do. I'd rather have a ready made icon set that I can choose items from.

[Travis Cobbs]

I added the color being used for each icon. I also added a link to the tailwind v3 color palette which I will also link here:

https://v3.tailwindcss.com/docs/customizing-colors

While I can use any RGB color, the tailwind colors are the easiest to implement.

Note: If your computer is in dark mode, that site defaults to dark mode, which makes it hard to evaluate colors. However, if this is the case, in the upper right of the page will be a moon icon that you click to then select light mode.

[Travis Cobbs]

Thanks for the offer but what I meant was I can't without going to a completely custom icon set which I'm not prepared to do. I'd rather have a ready made icon set that I can choose items from.

I'm assuming that all the icons come from here. If that is not the case, you can ignore this response.

What about clipboard-check for admin certify and truck-fast for Admin Fast Track? Additionally, I feel that the trash icon is more recognizable as a delete than the recycle icon.

[Orion Pobursky]

I'm assuming that all the icons come from here. If that is not the case, you can ignore this response.

What about clipboard-check for admin certify and truck-fast for Admin Fast Track? Additionally, I feel that the trash icon is more recognizable as a delete than the recycle icon.

I like the first 2 suggestions a lot

I felt that "trash" had a negative connotation so I chose recycle.

[Orion Pobursky]

I've updated the icons that Travis suggested.

Any more comments/suggestions?