AIArchintel UIKataloğu aç

Design tokens

Tema Oluşturucu

Light/dark görünümünü deneyin, semantik renkleri markanıza göre ayarlayın ve kullanıma hazır CSS değişkenlerini kopyalayın.

Tema tokenları

Renkleri değiştirin ve sonucu anında önizleyin.

Görünüm tercihi

Canlı önizleme

Yeni tema

Ürün deneyimini markanıza uyarlayın.

Semantik tokenlar bütün bileşenlerde birlikte güncellenir.

theme.css
:root {
  --color-primary: #2B2926;
  --color-secondary: #725D4C;
  --color-accent: #C9B8A6;
  --color-background: #F3EFE8;
  --color-surface: #FAF8F4;
  --color-surface-muted: #DED8D0;
  --color-text-primary: #2B2926;
  --color-text-secondary: #6E6861;
  --color-border: #DED8D0;
}