LDraw.org Discussion Forums
Parts Tracker Icon Colors - Printable Version

+- LDraw.org Discussion Forums (https://forums.ldraw.org)
+-- Forum: General (https://forums.ldraw.org/forum-12.html)
+--- Forum: Parts Tracker Discussion (https://forums.ldraw.org/forum-36.html)
+--- Thread: Parts Tracker Icon Colors (/thread-28682.html)



Parts Tracker Icon Colors - Orion Pobursky - 2025-02-18

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.


RE: Parts Tracker Icon Colors - Willy Tschager - 2025-02-18

I'd say Admin Certify+Certified either :

Magenta or Yellow

basically color far away from the others.

w.


RE: Parts Tracker Icon Colors - Willy Tschager - 2025-02-18

I'd say Admin Certify+Certified either :

Magenta or Yellow

basically color far away from the others.

w.


RE: Parts Tracker Icon Colors - Philippe Hurbain - 2025-02-18

(2025-02-18, 7:59)Willy Tschager Wrote: 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)


RE: Parts Tracker Icon Colors - Martin James - 2025-02-18

(2025-02-18, 5:43)Orion Pobursky Wrote: 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.


RE: Parts Tracker Icon Colors - Gerald Lasser - 2025-02-18

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

These make it fairly easy to distiguish for me:


.png   VoteColours.PNG (Size: 15.07 KB / Downloads: 111)


RE: Parts Tracker Icon Colors - Orion Pobursky - 2025-02-18

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.


RE: Parts Tracker Icon Colors - Orion Pobursky - 2025-02-18

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?


RE: Parts Tracker Icon Colors - Rene Rechthaler - 2025-02-18

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


RE: Parts Tracker Icon Colors - Orion Pobursky - 2025-02-18

No plans for a dark mode

The icons are svgs so the background is transparent.


RE: Parts Tracker Icon Colors - N. W. Perry - 2025-02-18

(2025-02-18, 17:39)Orion Pobursky Wrote: 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?


RE: Parts Tracker Icon Colors - Orion Pobursky - 2025-02-19

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


RE: Parts Tracker Icon Colors - Sylvain Sauvage - 2025-02-19

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


RE: Parts Tracker Icon Colors - Orion Pobursky - 2025-02-19

(2025-02-19, 18:33)Sylvain Sauvage Wrote: Can’t the shapes be changed too?
Put a small ‘A’ in a corner for admin certified for instance.

Not within my capabilities, no.


RE: Parts Tracker Icon Colors - Jeff Jones - 2025-02-19

(2025-02-19, 20:06)Orion Pobursky Wrote: Not within my capabilities, no.

i could do it


RE: Parts Tracker Icon Colors - Orion Pobursky - 2025-02-19

(2025-02-19, 20:19)Jeff Jones Wrote: 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.


RE: Parts Tracker Icon Colors - Travis Cobbs - 2025-02-19

(2025-02-18, 17:37)Orion Pobursky Wrote: 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.


RE: Parts Tracker Icon Colors - Travis Cobbs - 2025-02-19

(2025-02-19, 20:35)Orion Pobursky Wrote: 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.