Types
Reference Types
Assets
| Name | Type | Description |
|---|---|---|
| group (optional) | string | What we call a non dm chat e.g. group, channel, etc. |
| brand (optional) | image | Logo image - light |
| brandDark (optional) | image | Logo image - dark |
| brandName | string | Name of product |
Themes
| Name | Type | Description |
|---|---|---|
| borderRadius (optional) | string | Radius of rounded corners |
| light (optional) | Theme | The light theme |
| dark (optional) | Theme | The dark theme |
Theme
| Name | Type | Description |
|---|---|---|
| 100 (optional) | { background?: string, foreground?: string } | Variant of colors |
| 200 (optional) | { background?: string, foreground?: string } | Variant of colors |
| 300 (optional) | { background?: string, foreground?: string } | Variant of colors |
| 400 (optional) | { background?: string, foreground?: string, muted?: string } | Variant of colors |
| primary (optional) | { background?: string, foreground?: string } | Variant of colors for primary branding. Used on buttons and main CTAs |
| secondary (optional) | { background?: string, foreground?: string } | Variant of colors for secondary branding. Used on alternate buttons and CTAs |
| bubble (optional) | { background?: string, foreground?: string } | Variant of colors for the message bubble |
| botBubble (optional) | { background?: string, foreground?: string } | Variant of colors for the AI assistant message bubble |
| border (optional) | string | The color of borders |