ThemeOptions Type

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

string

default:"rgb(28,28,28)"

The primary color of the theme in rgb

string

default:"rgb(255, 255, 255)"

The primary background color of the theme in rgb

string

default:"rgb(233, 233, 240)"

The secondary background color of the theme in rgb

string

default:"rgb(0, 0, 0)"

The foreground/text color of the theme in rgb

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.

Last modified on June 12, 2026

⌘I

Get Started

Concepts & Feature Guides

API Reference

Resources

ThemeOptions Type

Properties

​Properties

Properties