Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Platform Redesign: Update color palette in ui-base #14

Closed
jayjayjpg opened this issue Dec 2, 2021 · 1 comment · Fixed by #15
Closed

Platform Redesign: Update color palette in ui-base #14

jayjayjpg opened this issue Dec 2, 2021 · 1 comment · Fixed by #15

Comments

@jayjayjpg
Copy link
Contributor

jayjayjpg commented Dec 2, 2021

We should update our color palette in ui-base to the latest redesign

In a first iteration, we can update our existing color modifiers to use the designated tailwind color codes.

New Colors

Names Hex
slate-100, gray-900 (with light contrast color) #111827
slate-20 (with dark contrast color) #D6D7D9
forest-100, teal-900 #134E4A
sky-100, cyan-500 #06B6D4
canary-100, yellow-400 #FBBF24
saffron-100, red-600 #DC2626
plum-100, purple-600 #9333EA
frost-100, gray-300 gray-500 #D1D5DB #6B7280
white-100, white #ffffff
verdant-100, teal-700 #0F766E
@jayjayjpg
Copy link
Contributor Author

jayjayjpg commented Dec 2, 2021

I changed the following colors due to too low-color contrast on white backgrounds:

before after
frost-100, gray-300 #D1D5DB frost-100, gray-500 #6B7280
https://webaim.org/resources/contrastchecker/?fcolor=D1D5DB&bcolor=FFFFFF https://webaim.org/resources/contrastchecker/?fcolor=6B7280&bcolor=FFFFFF
Screen Shot 2021-12-02 at 12 37 12 PM Screen Shot 2021-12-02 at 12 36 20 PM

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant