رنگ‌بندی‌ها و متغیرهای CSS در Bootstrap :
Bootstrap یکی از محبوب‌ترین فریم‌ورک‌های CSS در دنیای وب است که توسط تیم توسعه توییتر ایجاد شده است. این فریم‌ورک به طور کلی برای ایجاد صفحات وب وبسایت‌های واکنش‌گرا و موبایلی طراحی شده است. یکی از قابلیت‌های مهم Bootstrap رنگ‌بندی‌های متنوع و قابل تنظیم است که برای طراحی صفحات وب بسیار مفید هستند.
رنگ‌بندی‌ها در Bootstrap از متغیرهای CSS استفاده می‌کنند که به راحتی قابل تغییر هستند. این متغیرها در فایل‌های CSS Bootstrap قابل دسترسی هستند و می‌توانید آن‌ها را برای تنظیم رنگ‌های مختلف در سایت خود استفاده کنید.
برخی از متغیرهای رنگ مهم در Bootstrap عبارتند از:
– $primary-color: که برای تنظیم رنگ اصلی سایت استفاده می‌شود.
– $secondary-color: که برای تنظیم رنگ دوم سایت استفاده می‌شود.
– $success-color: برای تنظیم رنگ موفقیت در سایت استفاده می‌شود.
– $warning-color: برای تنظیم رنگ هشدار در سایت استفاده می‌شود.
– $danger-color: برای تنظیم رنگ خطر در سایت استفاده می‌شود.
این متغیرها می‌توانند در سایر بخش‌های CSS Bootstrap و همچنین در CSS شخصی شما به راحتی استفاده شوند. به عنوان مثال، با تعریف مجدد متغیر $primary-color، می‌توانید رنگ اصلی سایت خود را به رنگ دلخواه تغییر دهید.
علاوه بر این، Bootstrap فراهم کننده‌ی مختلف کلاس‌های رنگ است که به راحتی می‌توانید در عناصر HTML خود استفاده کنید. برای مثال، کلاس‌های .bg-primary و .text-primary برای تنظیم رنگ پس‌زمینه و متن به رنگ $primary-color مورد استفاده قرار می‌گیرند.
در نهایت، با استفاده از رنگ‌بندی‌ها و متغیرهای CSS در Bootstrap، می‌توانید ظاهر سایت خود را به راحتی و با دقت بالا تنظیم کنید و رنگ‌هایی را که با هویت برند شما هماهنگ هستند، به طور دقیق برای سایت خود اعمال کنید.
