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

Introduce a darker shade in the color scales for dark mode #29

Open
psirenny opened this issue Jul 10, 2023 · 1 comment
Open

Introduce a darker shade in the color scales for dark mode #29

psirenny opened this issue Jul 10, 2023 · 1 comment

Comments

@psirenny
Copy link

TailwindCSS recently added an additional 950 shade that works really well for dark mode. It allows for a gorgeous dark background without falling back to black. The TailwindUI Commit Template shows it off nicely:

Screenshot 2023-07-10 at 6 16 01 AM

To maintain parity, the light color scales could also add an additional lighter background shade. Indeed, many applications using Radix Colors already map the app background color to white, suggesting a desire for such a step.

@lumosminima
Copy link

Just ran into this I use color-shade-2 for body and bg-white for container and this gives a nice and calm light mode but doing the same in dark mode, bg-black ends up being too tonally different to the 12th shade. I follow darkest-to-light for UI layers in dark mode so if I use 12th shade as the blackest then the third UI layer (component cards) ends up being too bright. There really needs to be a more blacker shade for a more harmonious dark mode or at least give the formula (if there is one) for calculating more shades by ourselves.

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

No branches or pull requests

2 participants