ThemeProvider() — ui Function Reference

Architecture documentation for the ThemeProvider() function in theme-provider.tsx from the ui codebase.

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ ThemeProvider() — ui Function Reference

Dependency Diagram

graph TD
  6f17e0eb_fe82_a6ae_a16c_0f57e8badf3e["ThemeProvider()"]
  beff1cea_de3f_bf08_0795_131b257dff5e["theme-provider.tsx"]
  6f17e0eb_fe82_a6ae_a16c_0f57e8badf3e -->|defined in| beff1cea_de3f_bf08_0795_131b257dff5e
  style 6f17e0eb_fe82_a6ae_a16c_0f57e8badf3e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/theme-provider.tsx lines 6–22

export function ThemeProvider({
  children,
  ...props
}: React.ComponentProps<typeof NextThemesProvider>) {
  return (
    <NextThemesProvider
      attribute="class"
      defaultTheme="system"
      enableSystem
      disableTransitionOnChange
      enableColorScheme
      {...props}
    >
      {children}
    </NextThemesProvider>
  )
}