> ## Documentation Index > Fetch the complete documentation index at: https://turnkey-0e7c1f5b-bc-add-sdk-typedoc.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # TurnkeyThemeProvider # Variable: TurnkeyThemeProvider > `const` **TurnkeyThemeProvider**: `React.FC`\<`ThemeProviderProps`> Defined in: [components/auth/TurnkeyThemeProvider.tsx:31](https://github.com/tkhq/sdk/blob/ee72856c3f450731d7501ab05001215768b71500/packages/sdk-react/src/components/auth/TurnkeyThemeProvider.tsx#L31) A provider component for dynamically applying and managing CSS custom properties (variables) as themes. * Applies the provided `theme` to the root `` 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: ```tsx theme={"system"} const theme = { "--text-primary": "#333", }; ```