إضافة علامات اللافتات وسمة المواد في الوضع المظلم

مرحباً،

أنا أستخدم إضافة أعلام الوسوم. فهي تُحدِّد قيمة primary-very-low كخلفية ثابتة لجميع الأعلام، وهي نفس لون النص في الوضع الداكن. بينما يستخدم موضوع Material الافتراضي بشكل صحيح المتغير var(--secondary)، الذي يتحول إلى اللون الداكن عند تفعيل الوضع الداكن. هل توجد طريقة سهلة لإصلاح خلفية أعلام الوسوم لدينا؟

بشكل أساسي، أود أن يكون كود CSS المُصغَّر كما يلي:

 .tag-title-header {
-  background: #f8f8f8;
+  background-color: var(--secondary);
 }

شكراً لك.

يُشرح كيفية تغيير نمط لافتة الوسم هنا: Tag Banners

يمكنك تغيير الخلفية من محرر CSS في موقعك. انتقل إلى admin/customize/themes/1/common/scss/edit وأضف CSS الخاص بك هناك:

على سبيل المثال، استخدمت:

[class*="tag-title-header"][class*=" tag-banner-"] {
  background-color: var(--secondary);
}

باستخدام محددات السمات، بحيث يتم تغيير الخلفية في جميع الوسوم. ولكن يمكنك تحديد اسم وسم في الفئة ليتم تغيير الخلفية لذلك الوسم فقط.

يجب علينا أيضًا إصلاح هذا في القالب نفسه، الآن بعد أن ندعم متغيرات CSS :slight_smile:

شكرًا لكما، لقد قمت بإنشاء مكون سمة محلي وتغيير CSS هناك!