رکورد منتشرشده

عنوان
استاندارد رنگ های GNG
شرح

در UIkit، استاندارد رنگ‌ها برای طراحی رابط کاربری به صورت پیش‌فرض تعریف شده‌اند که از رنگ‌های متنوعی برای متناسب‌سازی ظاهری زیبا و کاربرپسند استفاده می‌شود. این رنگ‌ها در کلاس‌های CSS به صورت متغیرهای از پیش تعریف‌شده در دسترس هستند.

راهکار

برخی از استانداردهای رنگی که در UIkit می‌توانید استفاده کنید، عبارتند از:

  1. رنگ‌های اصلی (Primary Colors):

    • primary: رنگ اصلی (معمولاً رنگ برند)
    • secondary: رنگ ثانویه
  2. رنگ‌های پس‌زمینه:

    • background: برای پس‌زمینه عمومی
    • background-primary: پس‌زمینه مرتبط با رنگ اصلی
    • background-muted: پس‌زمینه مات و ملایم
  3. رنگ‌های متن (Text Colors):

    • text-primary: رنگ متن اصلی
    • text-muted: رنگ متن کم‌رنگ‌تر برای توضیحات
    • text-dark: رنگ متن تیره
    • text-light: رنگ متن روشن
  4. رنگ‌های وضعیت (Status Colors):

    • success: برای وضعیت موفقیت (سبز)
    • warning: برای هشدار (زرد)
    • danger: برای خطا و وضعیت خطر (قرمز)
    • info: برای اطلاعات (آبی)
    • link: رنگ لینک‌ها (معمولاً آبی)
  5. رنگ‌های ابزار:

    • border: برای خطوط و مرزها
    • button: برای دکمه‌ها
    • alert: برای هشدارها

این رنگ‌ها معمولاً به صورت متغیر در فایل‌های CSS و LESS یا SCSS به‌کار می‌روند و می‌توانند به راحتی سفارشی شوند. در صورتی که نیاز به شخصی‌سازی بیشتر دارید، می‌توانید رنگ‌ها را تغییر دهید تا با برند یا طراحی شما هماهنگ شوند.

اگر نیاز به توضیحات بیشتر یا نمونه‌های کدنویسی برای استفاده از این رنگ‌ها دارید، خوشحال می‌شوم کمک کنم!

پیوست
0- Power of Habit-AT-V1.pdf
publish
yes