---
title: "<StackTheme />"
description: A component that applies a theme to its children.
---

A component that applies a theme to its children.

For more information, please refer to the [color and styles guide](../customization/custom-styles).

## Props

| Property | Type | Optional | Description |
|----------|------|----------|-------------|
| `theme` | `ThemeConfig` | Yes | Custom theme configuration to override the default theme. |
| `children` | `React.ReactNode` | Yes | Child components to be rendered within the themed context. |

## Example

```tsx
const theme = {
  light: {
    primary: 'red',
  },
  dark: {
    primary: '#00FF00',
  },
  radius: '8px',
}

// ...

<StackTheme theme={theme}>
  {/* children */}
</StackTheme>
```