🌈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;" जइसन रंग नाम अउर पायदान क हाइफन स जोड़िके वेरिएबल नाम लिखे क प्रारूप बा।