در پروژه‌های طراحی شده با 10x DevKit سه رویکرد متنوع برای شخصی‌سازی ظاهر پروژه وجود دارد. شما می‌توانید پوسته‌ای از بین ۲۶ تم دست‌چین شده انتخاب کنید، یا تم daisyUI دلخواه خود را ارائه دهید، یا حتی با استفاده از تابعی که برای ساخت تم در پروژه قرار گرفته، یک تم اختصاصی بسازید. در این صورت، می‌توانید تنها با استفاده از سه رنگ و تنظیم میزان "خشونت" گوشه‌ها و پس‌زمینه، به‌سادگی ظاهری منحصربه‌فرد خلق کنید که دقیقاً منطبق با نیازهای شما باشد.
پالت رنگ
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/config/SITE.ts، تم STYLE را با مقدار زیر جایگزین کنید:
const STYLE = {
/* ...Other Settings... */
...makeTheme(themePresets.),
};