सामग्री पर जाएं

विज़ुअल थीम प्लेग्राउंड

अपने अगले प्रोजेक्ट के लिए एकदम सही थीम चुनें!

थीमिंग में असाधारण लचीलापन।

यहाँ, आप पहले से बनी थीम्स का पूर्वावलोकन कर सकते हैं। प्रत्येक के लिए लाइट और डार्क मोड के बीच स्विच करने, और यह देखने के लिए स्वतंत्र महसूस करें कि कौन सी शैली आपके प्रोजेक्ट के लिए सबसे उपयुक्त है। जब आपको कोई पसंद आए, तो उसका 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
--subc
Mix of success & base-content
--wabc
Mix of warning & base-content
--erbc
Mix of error & base-content

कम्पोनेंट नमूना

Button
Badge (sm)
neutral
primary
secondary
accent
ghost
Toggle
Checkbox
Key +Ctrl+Z Shift+Alt+

क्या आपको यह पसंद आया?

src/styles/global.css में, वर्तमान लाइट और डार्क थीम्स को निम्नलिखित स्निपेट से बदलें: