Skip to main content

​
Variable: TurnkeyThemeProvider

const TurnkeyThemeProvider: React.FC<ThemeProviderProps>
Defined in: components/auth/TurnkeyThemeProvider.tsx:31 A provider component for dynamically applying and managing CSS custom properties (variables) as themes.
  • Applies the provided theme to the root <html> element via CSS variables.
  • Makes the theme object accessible to child components through React context. These themes will apply to all Turnkey components used in your app
Example usage: 
const theme = {
  "--text-primary": "#333",
};

<TurnkeyThemeProvider theme={theme}>
  <App />
</TurnkeyThemeProvider>