Skip to content

VanillaThemeProvider

const VanillaThemeProvider: React.FC<VanillaThemeProviderProps>

Defined in: src/theme/VanillaThemeProvider.tsx:32

Optional wrapper for scoped theme overrides.

The dark theme is applied globally on :root — most apps don’t need VanillaThemeProvider at all. Use it only when you need a different theme for a subtree (e.g. a light-themed dialog inside a dark app).

Example

// No provider needed for default dark theme:
<App />
// Scoped override for a subtree:
<VanillaThemeProvider className="my-light-section">
<SettingsPanel />
</VanillaThemeProvider>