blue
color scale, and can be replaced with any other scale of colors from 50-900.
theme.tsx
Preview different colors
The live demo allows you to preview different colors from the theme switcher, if you’re interested in seeing how different palettes look.Additional color scales
UI Foundations Kit also adds several other color palettes that can be used in components for convenience. These include:gray
red
yellow
green
blue
fuchsia
violet
Dark mode
Dark mode palettes are created by inverting the light mode colors, and adjusting the contrast to be more readable in a dark environment. This is done automatically by the theme, and can be overridden in thetheme.tsx
file if you want finer grained control.
theme.tsx