هنا، يمكنك معاينة السمات المُعدة مسبقًا. لا تتردد في الاستكشاف، والتبديل بين الوضعين الفاتح والداكن لكل سمة، ومعرفة النمط الذي يناسب مشروعك بشكل أفضل. عندما تجد سمة تعجبك، انسخ كود 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، استبدل السمتين الفاتحة والداكنة الحاليتين بالمقتطف التالي: