# Theming

> Sesuaikan chat dengan design system Anda menggunakan variabel CSS dan tema terang atau gelap.

Source: https://sideagent.dev/id/docs/theming

Secara default, tampilan chat netral: abu-abu, font milik Anda, radius 10px.

`theme="auto"` mengikuti sistem operasi serta `.dark`, `data-theme="dark"`, atau `data-bs-theme="dark"` pada halaman host. Berikan `"light"` atau `"dark"` untuk memaksakan salah satunya.

Sesuaikan dengan design system Anda menggunakan variabel CSS:

```css
:root {
  --sideagent-accent: var(--primary);
  --sideagent-accent-fg: var(--primary-foreground);
  --sideagent-bg: var(--background);
  --sideagent-fg: var(--foreground);
  --sideagent-border: var(--border);
  --sideagent-surface: var(--muted);
  --sideagent-muted: var(--muted-foreground);
  --sideagent-radius: 10px;
  --sideagent-font: inherit;
}
```