اینجا می‌توانید تم‌های آماده را پیش‌نمایش کنید. با خیال راحت بگردید، بین حالت‌های روشن و تاریک جابجا شوید و ببینید کدام استایل بیشتر به پروژه‌تان می‌آید. هر کدام را که پسندیدید، کد CSS آن را کپی کرده و در پروژه‌تان قرار دهید تا ظاهر تم فوراً اعمال شود. راهی ساده و سرراست برای اینکه ظاهر پروژه‌تان را سریع راه بیندازید.
پالت رنگ
primary
primary-content
secondary
secondary-content
accent
accent-content
neutral
neutral-content
base-100
base-200
base-300
base-content
info
info-content
success
success-content
warning
warning-content
error
error-content
Additional Variables
--prbc
Mix of primary & base-content
Mix of primary & base-content
--subc
Mix of success & base-content
Mix of success & base-content
--wabc
Mix of warning & base-content
Mix of warning & base-content
--erbc
Mix of error & base-content
Mix of error & base-content
نمونه کامپوننت
Badge (sm)
neutral
primary
secondary
accent
ghost
Toggle
Checkbox
Key ⌘+Ctrl+Z Shift+Alt+→
تم را دیدید؟ پسندیدید؟
در src/styles/global.css، تم‌های روشن و تیره فعلی را با کد زیر جایگزین کنید: