Skip to content

Conversation

@xmha97
Copy link
Contributor

@xmha97 xmha97 commented Aug 20, 2025

preview

@Jesse205
Copy link
Contributor

Jesse205 commented Oct 3, 2025

Isn't the orange check mark too strange, because check marks are usually green, while warnings are orange. There are also images of these icons at https://fluent2.microsoft.design/color.

@planetrocky
Copy link

The orange check-mark looks like it is decoration, not a semantic color indicating important information; or at worse might convey a warning, but that is incongruent with the tick symbol indicating success.

Notwithstanding the semantic coloring, the check-mark would be better using the Fluent2 mark with the better proportioned tick.

Fluent2 Semantic Colors + Icons

Note the design here uses consistent coloring and iconography. The link that @Jesse205 provided explains it quite well.

_image

Fluent2 Semantic colors

Accessibility

Also you need to consider accessibility.

Your proposal

checkmarks

How a colorblind person may perceive these

Colorblindness simulation

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants