Theme

The Scale UI Radix theme is in sync with the Figma Scale UI Radix design system and provides a set of defaults that you can use to style your components and speed up your development.

Semantic colors

The Scale UI Radix theme provides semantic colors that are used to style the components, you can use the color props to apply the colors to the components and change their appearance.

<Flex direction="row" gap="3">
  <Button color="accent">Accent</Button>
  <Button color="neutral">Neutral</Button>
  <Button color="error">Error</Button>
  <Button color="success">Success</Button>
  <Button color="warning">Warning</Button>
  <Button color="info">Info</Button>
</Flex>