Skip to main content

Function: toChakraTheme()

toChakraTheme(theme): ChakraThemeConfig

Defined in: adapters/toChakraTheme.ts:131

Convert a ThemeTokensV2 into a Chakra UI v3 createSystem() config.

Maps core tokens → theme.tokens, semantic tokens → theme.semanticTokens, text styles → theme.textStyles, and breakpoints → top-level breakpoints.

Parameters​

theme​

ThemeTokensV2

Returns​

ChakraThemeConfig

Example​

import { themes, toChakraTheme } from '@ttoss/theme2';
import { ChakraProvider, createSystem, defaultConfig } from '@chakra-ui/react';

const system = createSystem(defaultConfig, toChakraTheme(themes.bruttal));