sideagentDokumentasi

Chat UI

Theming

Lihat sebagai Markdown

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

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:

: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;
}