Our design system includes customizable color palettes for various themes, such as light mode, branded backgrounds, and more. Each color scale within these collections can be tailored with specific values, giving you full control over the visual style of each theme. Once defined, these custom values can be assigned to components through Theme tokens, ensuring that every aspect of your UI aligns with the intended look and feel of each theme.
We currently support two color modes:
Light-default, the standard design on a light background, and Light-on-brand, which is intended for components used on colored backgrounds, typically associated with brand colors. Note that Light-on-brand is not considered a Dark mode.