شرح صفوف ومحتوى الفقرة
الخطأ الأكثر شيوعاً الذي يفسد الوضع الداكن هو استخدام كلاسات الألوان الفيزيائية الجامدة مثل .bg-white و.bg-light و.text-dark؛ فهذه الكلاسات تظل بيضاء ساطعة ونصها أسود قاتم حتى بعد تفعيل الوضع الداكن فتختفي الكلمات تماماً!
القاعدة الذهبية في بوتستراب 5.3 هي استبدالها دائماً بكلاسات الأسطح والنصوص التكيفية: استخدم .bg-body للسطح الرئيسي، و.bg-body-secondary و.bg-body-tertiary للبطاقات الفرعية والخلفيات الهادئة، و.text-body مع .text-body-secondary للنصوص، وادمج .bg-*-subtle مع .text-*-emphasis للتنبيهات الملونة.
HTML
<!-- Root html has data-bs-theme="dark" -->
<div class="p-3 rounded-3 bg-body-tertiary border">
<h2 class="h5 text-body">Adaptive Dashboard Panel</h2>
<p class="text-body-secondary mb-2">Readable subtitle</p>
<span class="badge bg-success-subtle
text-success-emphasis">Healthy Cluster</span>
</div>