🌈Tailwind রঙ তৈরি

Tailwind এর ৫০–৯৫০ কী বোঝায়

Tailwind CSS এর রঙ ৫০ যা সবচেয়ে হালকা এবং ৯৫০ সবচেয়ে গাঢ় ১১ স্তরের সংখ্যা দিয়ে উজ্জ্বলতা প্রকাশ করে, এবং ৫০০ সেই রঙের মূল। সংখ্যা "bg-primary-500" বা "text-primary-700" এর মতো ক্লাসের নামের শেষে যোগ করে ব্যবহার করা হয়।

• ৫০–৩০০ এর স্তর：৫০–৩০০ এর স্তর পটভূমি রঙ বা হালকা পূর্ণতায় বেশি ব্যবহৃত হয়। এগুলি উজ্জ্বল রঙ এবং উপরে গাঢ় অক্ষর রাখলেও পড়া যায়।
• ৬০০–৯৫০ এর স্তর：৬০০–৯৫০ এর স্তর বোতামের হোভার বা শিরোনামের অক্ষরের রঙে বেশি ব্যবহৃত হয়। এগুলি গাঢ় রঙ এবং সাদা পটভূমিতেও স্পষ্ট দেখা যায়।

v৩ এবং v৪ এ রঙের সংজ্ঞার পার্থক্য

Tailwind CSS এর v৩ এ রঙ tailwind.config.js এর JavaScript এ সংজ্ঞা দেওয়া হয়, v৪ এ CSS ফাইলের @theme এ CSS ভ্যারিয়েবল হিসাবে সংজ্ঞা দেওয়া হয়। যে কোন পদ্ধতিতে সংজ্ঞা দিলেও "bg-primary-500" এর মতো একই ক্লাস নামে ব্যবহার করা যায়।

• v৩ এর লেখার পদ্ধতি：v৩ এর লেখার পদ্ধতি theme.extend.colors এর মধ্যে "primary: { 500: '#3B82F6' }" এর মতো রঙের নাম এবং স্তর ঐতিহ্য হিসাবে লিখা হয়।
• v৪ এর লেখার পদ্ধতি：v৪ এর লেখার পদ্ধতি @theme এর মধ্যে "--color-primary-500: #3B82F6;" এর মতো রঙের নাম এবং স্তর হাইফেন দিয়ে যুক্ত ভ্যারিয়েবল নামে লিখা হয়।