• Provide the MUI theme, color-mode context and CSS variables to children.

    Builds the theme from getDesignTokens(mode) + getSemanticColors(mode) + the component customizations, and re-creates it whenever the mode changes. Also sets --bg-page, --bg-card, --bg-elevated, --border-default, --border-subtle, --text-primary, --text-secondary and --text-muted on a wrapper Box.

    Props: children and defaultMode (see AppThemeProps).

    Parameters

    • __namedParameters: AppThemeProps

    Returns Element

    <AppTheme defaultMode="dark">
    <CssBaseline />
    <App />
    </AppTheme>