مساعدة مطلوبة: تعيين جذور CSS منفصلة للوضعين Light و Dark في Discourse

مطور
1

إليك ترجمة احترافية لرسالتك:

أنا حاليًا أستخدم Discourse Color Scheme Toggle.

على جهاز localhost الخاص بي، قمت بتمكين الوضعين الفاتح والداكن. لقد قمت بالفعل بإعداد جذر CSS خاص بموقعي. ومع ذلك، لست متأكدًا من كيفية تعيين جذر CSS واحد للوضع الفاتح وآخر للوضع الداكن.

هل يمكن لأي شخص مساعدتي في هذا؟

2

أهلاً،
لست متأكداً تماماً مما إذا كنت أفهم سياقك بشكل صحيح. أخبرني إذا لم يكن الأمر كذلك.
يمكنك تغليف :root الخاص بك باستخدام CSS التالي:

/* فاتح افتراضياً */
:root {
  --background-color: white;
  --text-color: black;
  ...
}

/* داكن */
@media (prefers-color-scheme: dark) {
  :root {
     --background-color: black;
     --text-color: white;
     ...
   }
}

prefers-color-scheme: light موجود أيضاً.

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.