Skip to main content
The ThemeProvider component provides theme context to all descendant C1 components. It is used to customize the appearance of the C1 UI. To configure the theme, and switch between light and dark mode, you can pass the following props to the ThemeProvider component: 
import { ThemeProvider } from "@thesysai/genui-sdk";

<ThemeProvider ... />

​
Props

​
mode
ThemeMode
optional
The theme mode for the chat component. This can be either ‘light’ or ‘dark’.
​
theme
Theme
optional
The main theme configuration object. If not provided, the default theme will be used. Partial theme can be provided, in which case, only the provided properties will be overridden, while the rest of the options will be taken from the default theme.
​
darkTheme
Theme
optional
The dark theme configuration object used when in dark mode. If not provided, the theme object will be used.