Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Extend default color palette with new 950 shades #10879

Merged
merged 2 commits into from
Mar 27, 2023
Merged

Extend default color palette with new 950 shades #10879

merged 2 commits into from
Mar 27, 2023

Conversation

reinink
Copy link
Member

@reinink reinink commented Mar 27, 2023

This PR extends the default color palette with a set of new 950 shades.

950-colors

Utility Color
{utility}-slate-950 #020617
{utility}-gray-950 #030712
{utility}-zinc-950 #09090b
{utility}-neutral-950 #0a0a0a
{utility}-stone-950 #0c0a09
{utility}-red-950 #450a0a
{utility}-orange-950 #431407
{utility}-amber-950 #451a03
{utility}-yellow-950 #422006
{utility}-lime-950 #1a2e05
{utility}-green-950 #052e16
{utility}-emerald-950 #022c22
{utility}-teal-950 #042f2e
{utility}-cyan-950 #083344
{utility}-sky-950 #082f49
{utility}-blue-950 #172554
{utility}-indigo-950 #1e1b4b
{utility}-violet-950 #2e1065
{utility}-purple-950 #3b0764
{utility}-fuchsia-950 #4a044e
{utility}-pink-950 #500724
{utility}-rose-950 #4c0519

The new 950 shades are the next step in the Tailwind CSS color scale which are great for further reaching dark UIs:

image

They are also great for creating interfaces with higher contrast elements, such as dark text on a colored background:

image

@reinink reinink changed the title Add 950 colors Extend default color palette with new 950 shades Mar 27, 2023
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.

None yet

1 participant