Theming

The theme for the AppKit integration in your dApp can be fully customized.

​

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",
});

​

themeVariables

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

createAppKit({
  //...
  themeVariables: {
    "--w3m-color-mix": "#00BB7F",
    "--w3m-color-mix-strength": 40,
  },
});

The following list shows the theme variables you can override: