انتقل إلى محتوى الدرس

Semantic Theme Palette لوحة الألوان الدلالية

أتقن منظومة الألوان والخلفيات الدلالية في بوتستراب 5.3 شاملة كلاسات ألوان النصوص ودرجات التركيز والخلفيات الناعمة والشفافية والتدرج والمساعد الذكي text-bg لضمان التباين.
3 صفوف تعليمية
بوتستراب 5
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

بدلاً من نثر رموز الألوان السداسية العشوائية في أرجاء المشروع، يبني بوتستراب 5.3 هويته اللونية على ثمانية أسماء دلالية تعبر عن «وظيفة الرسالة» لا مجرد اسم اللون: primary للهوية والإجراء الرئيسي، وsecondary للعناصر المساندة، وsuccess لإتمام العمليات بنجاح، وdanger للأخطاء الحرجة، وwarning للتنبيهات التحذيرية، وinfo للمعلومات الإرشادية، إلى جانب light وdark.

تكمن قوة هذه التسمية الدلالية في توحيد لغة الفريق؛ فعندما تقرر الشركة لاحقاً تغيير لون علامتها الرئيسي من الأزرق إلى البنفسجي، يكفي تحديث قيمة primary في مكان واحد لتتحدث جميع النصوص والخلفيات المتصلة بها تلقائياً.

الصف 2 صورة توضيحية
الشكل 1: الطبقات الأربع لنظام الألوان والخلفيات والتباين التلقائي في Bootstrap 5.3.
مخطط منظومة الألوان الدلالية والخلفيات الناعمة وشفافية RGB في بوتستراب 5.3
مخطط منظومة الألوان الدلالية والخلفيات الناعمة وشفافية RGB في بوتستراب 5.3
الصف 3 ملاحظة هامة