ThemeOptions Type

ThemeOptions type represents the configuration options for customizing the SDK appearance

ThemeOptions type represents the configuration options for customizing the Web SDK appearance. The code snippet below shows how to use the ThemeOptions type to create a theme options object.

JavaScript

type ThemeOptions = {
  primary?: string;
  background?: string;
  secondaryBackground?: string;
  foreground?: string;
  warning?: string;
};

Properties

Hide properties

primary · string · default: "rgb(28,28,28)"

The primary color of the theme in rgb.

background · string · default: "rgb(255, 255, 255)"

The primary background color of the theme in rgb.

secondaryBackground · string · default: "rgb(233, 233, 240)"

The secondary background color of the theme in rgb.

foreground · string · default: "rgb(0, 0, 0)"

The foreground/text color of the theme in rgb.

warning · string · default: "rgb(255, 184, 0)"

The warning color used for alerts and notifications in rgb.

The ThemeOptions type is optional and will default to the Suki brand colors if not provided.