إذا فهمت المشكلة جيدًا، فهناك شيء محدد يجب القيام به لهذا.
لقد كنت أعمل على دليل حول هذا الأمر، ولكني أواجه بعض الصعوبة في دمج المعلومات بحيث تكون واضحة بما يكفي لاستخدام المعلومات مباشرة في سمة، ولكنها لا تزال تشرح الأمور التقنية الأساسية.
لشرح كيفية القيام بذلك بأكبر قدر ممكن من الوضوح…
أقترح عليك إنشاء سمة محليًا (باستخدام Install the Discourse Theme CLI console app to help you build themes سيساعدك).
ثم، قم بإنشاء ملف common/color_definitions.scss في السمة الخاصة بك، والذي تكتب فيه:
$my-color: dark-light-choose(#FC3468, #FF93AC);
:root {
--my-color: #{$my-color};
}
ثم، في common/common.scss، يمكنك استخدام المتغير هكذا:
h1 {
color: var(--my-color);
}
سيقوم تلقائيًا باختيار اللون الصحيح عند تشغيله في الوضع الداكن أو الفاتح.