Customize#

#Customize

#ThemeMode

• light(default)
• dark

...
export const rabbyKit = createModal({
  ...
  theme: "dark",
});
...

#font

Change the font by changing --rk-font-family in the themeVariables.

#themeVariables

By default themeVariables is undefined, you can modify themeVariables like this:

...
export const rabbyKit = createModal({
  ...
  theme: "dark",
  themeVariables:{
    "--rk-border-radius":"16px"
  }
});
...

The following list shows the theme variables you can override: