search

vmware-clarity / core

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
https://clarity.design
MIT License
163 stars 42 forks source link

update Clarity icons badges and alert colours #204

Open Stela-Stamenkova opened 1 year ago

Stela-Stamenkova commented 1 year ago

Please update alert and badges colours of Clarity icons to: badge - Red F54F47 alert - Yellow C47D00

Current alert color does not match accessibility requirements.

Figma library is updated: https://www.figma.com/file/XPDArdkICmAkUeCXCYaplS/Clarity-Icons-3.0.0?node-id=91%3A9

colinreedmiller commented 1 year ago

Resource for color problem and remedy:

https://www.figma.com/file/BVgU7GVVkPMT21GESHdpUk/Clarity-icons-questions?node-id=0%3A1&t=HlVOEdn3fw0vZROA-1

kevinbuhmann commented 1 year ago

@Stela-Stamenkova, I don't see these colors in the color palette. Could you give me the name of the colors you want us to use? https://storybook.core.clarity.design/?path=/story/foundation-color--page

kevinbuhmann commented 1 year ago

I moved this issue from the ng-clarity repo because icons live in core, not ng-clarity.

colinreedmiller commented 1 year ago

--cds-global-color-red-600 will bring the danger badge into compliance when it is adjusted as requested in https://jira.eng.vmware.com/browse/CDE-18

--cds-global-color-yellow-700 will bring the warning badge into compliance.

kevinbuhmann commented 1 year ago

:tada: This issue is resolved in version 6.4.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket: