---
description: 'Learn how to customize the look and feel of the components.'
navigation:
  badge:
    label: Todo
---

## Theme

In the [Theme](/getting-started/theme) section, we've seen how to customize our Tailwind CSS theme and that each component has a theme defined with `slots` and `variants`.

Some components also have a `color` prop, which allows you to customize the color of the component.

::component-code{slug="button"}
---
props:
  color: 'green'
slots:
  default: Button
---
::

## Color Aliases