> ## Documentation Index
> Fetch the complete documentation index at: https://developer.suki.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 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.

```js JavaScript theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
type ThemeOptions = {
  primary?: string;
  background?: string;
  secondaryBackground?: string;
  foreground?: string;
  warning?: string;
};
```

## Properties

<Expandable title="properties" defaultOpen="true">
  <ResponseField name="primary" type="string" default="rgb(28,28,28)">
    The primary color of the theme in rgb
  </ResponseField>

  <ResponseField name="background" type="string" default="rgb(255, 255, 255)">
    The primary background color of the theme in rgb
  </ResponseField>

  <ResponseField name="secondaryBackground" type="string" default="rgb(233, 233, 240)">
    The secondary background color of the theme in rgb
  </ResponseField>

  <ResponseField name="foreground" type="string" default="rgb(0, 0, 0)">
    The foreground/text color of the theme in rgb
  </ResponseField>

  <ResponseField name="warning" type="string" default="rgb(255, 184, 0)">
    The warning color used for alerts and notifications in rgb
  </ResponseField>
</Expandable>

<Note>
  The `ThemeOptions` type is optional and will default to the Suki brand colors if not provided.
</Note>