Theming - Reown Docs

ThemeMode#

By default themeMode option will be set to user system settings 'light' or 'dark'. But you can override it like this:

createAppKit({  //...  themeMode: "light",});

By default themeVariables are undefined. You can set them like this:

createAppKit({  //...  themeVariables: {    accent: "#00BB7F",  },});

The following list shows the theme variables you can override:

Variable	Description	Type
`accent`	Color used for buttons, icons, labels, etc.	`string`

To change the theme dynamically at runtime, see the useAppKitTheme hook.