ThemeOption

type ThemeOption = {
  color?: ColorOption;
  colorScheme?: ColorScheme;
  density?: 'compact' | 'normal' | 'spacious';
  radius?: 'pill' | 'round' | 'soft' | 'sharp';
  typography?: TypographyOption;
};

Visual appearance configuration options for ChatKit.

Properties

color?

optional color: ColorOption;

Color customization options.

See

ColorOption

---

colorScheme?

optional colorScheme: ColorScheme;

The color scheme to use for the ChatKit UI.

Default

'light';

---

density?

optional density: "compact" | "normal" | "spacious";

Determines the overall spacing of the ChatKit UI

Default

'normal';

---

radius?

optional radius: "pill" | "round" | "soft" | "sharp";

Determines the overall roundness of the ChatKit UI.

Default

'pill';

---

typography?

optional typography: TypographyOption;

Typography customization options.

See

TypographyOption