هل يمكنني استهداف نمط معين باستخدام CSS؟

شكرًا جزيلاً لك. هذا بالتأكيد مفيد.

كمثال، لدي حالات مثبتة من “Graceful”. Graceful Theme والذي أدركت الآن أنك نشرته كاستمرار لنمط سابق.

في مكون الثيم الشامل الخاص بي، قمت بأشياء مثل رفع أصول الخلفية، وتغيير زر الإعجاب، وبعض الأشياء الأخرى، لكنني أدركت أنني أرغب في تغيير لون الخلفية في النسخة التي تستخدم لوحة الألوان الداكنة إلى ما أريد دون التأثير على النسخة التي تستخدم لوحة الألوان الفاتحة.

لتكون دقيقًا: هذا:

background-color: $primary-very-low;

الآن، أريد القيام بأكبر قدر ممكن في مكون ثيم واحد لأنه تقنيًا نفس النمط، حتى بدأت هذه الأمور الصغيرة مثل هذه تظهر، وهي ليست تغييرات شاملة. لا أريد الاضطرار إلى إنشاء مكون “داكن” ومكون “فاتح” إذا أمكن.

الهدف هنا هو ترك “Graceful” كما هو باستثناء تعديلات لوحة الألوان، والقيام بكل شيء من مكوننا الخاص، بحيث عندما يقوم أنت أو شخص آخر بدفع تحديث لهم، لا نضطر إلى إعادة تطبيق تعديلاتنا باستمرار.

لاحظت أن Discourse تعتمد بشكل كبير على المتغيرات وهو ما أحببته، وكان قراءة أدلة التنسيقات متعة. لاحظت أشياء مثل [data-topic-id="117"] موجودة، لذا ربما يمكن اقتراح شيء مثل [data-theme-id]؟