🌈Tailwind रंग जनरेशन

Tailwind के 50 से 950 के मतलब

Tailwind CSS के रंग में, 50 सबसे हल्का आ 950 सबसे गहिरा होखे वाला 11 स्तर के संख्या से चमक देखावल जाला, आ 500 ओह रंग के मूल आधार होला। संख्या के "bg-primary-500" या "text-primary-700" जइसन क्लास के नाम के अंत में लगा के इस्तेमाल कइल जाला।

• 50 से 300 तक के स्तर：50 से 300 तक के स्तर अक्सर बैकग्राउंड रंग या हल्का भराई में इस्तेमाल होखे वाला हल्का रंग होला, जेकरा ऊपर गहिरा अक्षर रखला पर भी साफ पढ़ल जा सकेला।
• 600 से 950 तक के स्तर：600 से 950 तक के स्तर अक्सर बटन के होवर या शीर्षक के अक्षर रंग में इस्तेमाल होखे वाला गहिरा रंग होला, जे सफेद बैकग्राउंड पर भी साफ देखाई देला।

v3 आ v4 में रंग परिभाषित करे के तरीका के अंतर

Tailwind CSS के v3 में रंग के tailwind.config.js के JavaScript में परिभाषित कइल जाला, आ v4 में CSS फाइल के @theme के अंदर CSS वैरिएबल के रूप में परिभाषित कइल जाला। दुनो तरीका में, परिभाषित रंग "bg-primary-500" जइसन एके क्लास के नाम से इस्तेमाल कइल जा सकेला।

• v3 के लिखाई के तरीका：v3 के लिखाई के तरीका theme.extend.colors के अंदर "primary: { 500: '#3B82F6' }" जइसन रंग के नाम आ स्तर के नेस्ट क के लिखे के फॉर्मेट होला।
• v4 के लिखाई के तरीका：v4 के लिखाई के तरीका @theme के अंदर "--color-primary-500: #3B82F6;" जइसन रंग के नाम आ स्तर के हाइफन से जोड़ के वैरिएबल के नाम बना के लिखे के फॉर्मेट होला।