<StackTheme />

A component that applies a theme to its children.

For more information, please refer to the color and styles guide.

Props

PropTypeDefaultDescription
themeoptional
ThemeConfigCustom theme configuration to override the default theme.
childrenoptional
React.ReactNodeChild components to be rendered within the themed context.

Example

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

// ...

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

Table of Contents

Navigate this page

On this page

Stack Auth AI

Documentation assistant

Experimental: AI responses may not always be accurate—please verify important details.

For the most accurate information, please join our Discord or email us.

How can I help?

Ask me about Stack Auth while you browse the docs.