Themes

Apa itu themes

Sebuah tema adalah file tokens.css yang mendefinisikan custom property @theme Tailwind v4 — --color-background, --color-card, --font-display, --radius-lg, dan seterusnya. Block dan primitif merujuk token ini secara semantik (bg-card, font-display), tidak pernah nilai mentah. Ganti tema → semuanya berganti gaya.

Install

bun x bosia@latest add theme editorial

CLI menyalin token ke src/lib/themes/<name>.css dan menulis ulang import aktif di src/app.css. Hanya satu tema yang aktif pada satu waktu (v1).

Tema yang tersedia

• neutral — palet default terinspirasi shadcn + tumpukan sistem
• editorial — krem hangat + display Instrument Serif
• zinc — biru-abu sejuk, estetika developer-tool
• stone — abu hangat, estetika dokumen dan penerbitan
• claude — palet violet, estetika asisten AI dan produktivitas
• ocean — navy pekat + teal, estetika SaaS dan aplikasi data
• forest — hijau earthy + amber, estetika alam dan keberlanjutan
• rose — palet rose, estetika kreatif dan gaya hidup
• sunset — oranye hangat + aksen pink, estetika konsumen dan marketing
• midnight — indigo, estetika dashboard dan analitik dark-first
• mono — monokrom brutalist, sudut tajam + tumpukan monospace
• amber — amber + kuning, estetika hospitality dan makanan yang nyaman
• paper — netral cardstock hangat + brand ink-blue, nuansa editorial bersih
• carbon — mono brutalist, bayangan offset keras + brand oranye
• bloom — pink pastel lembut, radius besar + bayangan bernuansa difus
• terminal — fosfor hijau gelap, display mono + kilau aksen
• sage — hijau redup yang tenang, radius kecil + bayangan kalem
• grape — ungu lilac gelap dengan kilau aksen lembut

Membuat tema

Lihat Membuat tema.