رکورد منتشرشده
عنوان
استاندارد رنگ های GNG
شرح
در UIkit، استاندارد رنگها برای طراحی رابط کاربری به صورت پیشفرض تعریف شدهاند که از رنگهای متنوعی برای متناسبسازی ظاهری زیبا و کاربرپسند استفاده میشود. این رنگها در کلاسهای CSS به صورت متغیرهای از پیش تعریفشده در دسترس هستند.
راهکار
برخی از استانداردهای رنگی که در UIkit میتوانید استفاده کنید، عبارتند از:
-
رنگهای اصلی (Primary Colors):
primary
: رنگ اصلی (معمولاً رنگ برند)secondary
: رنگ ثانویه
-
رنگهای پسزمینه:
background
: برای پسزمینه عمومیbackground-primary
: پسزمینه مرتبط با رنگ اصلیbackground-muted
: پسزمینه مات و ملایم
-
رنگهای متن (Text Colors):
text-primary
: رنگ متن اصلیtext-muted
: رنگ متن کمرنگتر برای توضیحاتtext-dark
: رنگ متن تیرهtext-light
: رنگ متن روشن
-
رنگهای وضعیت (Status Colors):
success
: برای وضعیت موفقیت (سبز)warning
: برای هشدار (زرد)danger
: برای خطا و وضعیت خطر (قرمز)info
: برای اطلاعات (آبی)link
: رنگ لینکها (معمولاً آبی)
-
رنگهای ابزار:
border
: برای خطوط و مرزهاbutton
: برای دکمههاalert
: برای هشدارها
این رنگها معمولاً به صورت متغیر در فایلهای CSS و LESS یا SCSS بهکار میروند و میتوانند به راحتی سفارشی شوند. در صورتی که نیاز به شخصیسازی بیشتر دارید، میتوانید رنگها را تغییر دهید تا با برند یا طراحی شما هماهنگ شوند.
اگر نیاز به توضیحات بیشتر یا نمونههای کدنویسی برای استفاده از این رنگها دارید، خوشحال میشوم کمک کنم!
پیوست
0- Power of Habit-AT-V1.pdf
publish
yes