Color and Background
Colors are defined as
HSL values, and can be used with pure CSS classes like
.bg-red-500 or directly,
hsla(var(--hsl-gray-300), 0.1) with alpha channel. Scales are linear by default, but all the steps are exposed and customizable.
For example, to have a slightly different purple scale, add
To update a single color to a more tone-correct one, you can add