🌈Tailwind ৰং সৃষ্টি

Tailwindৰ 50ৰ পৰা 950এ বুজোৱা বস্তু

Tailwind CSSৰ ৰঙত 50 আটাইতকৈ পাতল আৰু 950 আটাইতকৈ গাঢ় হোৱাকৈ ১১টা স্তৰৰ সংখ্যাই উজ্জ্বলতা বুজায়, আৰু 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;"ৰ দৰে ৰঙৰ নাম আৰু স্তৰ হাইফেনেৰে সংযোগ কৰি ভেৰিয়েবলৰ নামত লিখা ফৰ্মেট।