أواجه مشكلة كهذه طوال الوقت. بالتأكيد، من “الواضح” استخدام var، ولكن فقط إذا كنت تعرف وتستطيع أن تتذكر!
أنا أنتظر شيئًا ما ليعمل، لذا بدافع الفضول، تحققت من https://ask.discourse.com/ وسألت “هل من الممكن الوصول إلى متغيرات ألوان سمة Discourse في مكون السمة الخاص بي؟” وها هي النتيجة:
-
متغيرات الألوان المتاحة:
توفر Discourse العديد من خصائص CSS المخصصة المعرفة مسبقًا للألوان، مثل:var(--primary) var(--secondary) var(--tertiary) var(--quaternary) var(--header_background) var(--header_primary) var(--highlight) var(--danger) var(--success) var(--love) -
مثال على الاستخدام:
يمكنك استخدام هذه المتغيرات في CSS الخاص بك لضمان تكييف السمة الخاصة بك مع مخططات الألوان المختلفة التي يختارها المستخدم. على سبيل المثال:body { background: var(--highlight); }