هل هناك طريقة للكشف عن استخدام الوضع المظلم؟

[ti0]

هل هناك طريقة في مكون إضافي / مكون سمة للكشف عما إذا كانت السمة الحالية تستخدم الوضع المظلم؟
بدلاً من ذلك ، هل هناك طريقة للحصول على معرف السمة النشط؟
أم يجب علينا إنشاء مكونات سمة مختلفة للسمات الفاتحة والسمات الداكنة؟

[Don]

@ti0

اكتشاف ما إذا كان المظهر الحالي يستخدم الوضع المظلم

مرحباً،

أعتقد أن هناك عدة طرق لتحقيق ذلك.

يمكنك استخدام هذا

No specific class for dark mode

Would this accomplish what you need? this would need to be added to color_definitions.scss @if #{schemeType()} == dark { body { background: red; } } @else { body { background: blue; } } A class does seem like it would be useful though, we can probably add one.

أو هذا

Why might dark-light-choose() not work?

I believe, due to the way the SCSS is compiled, custom dark/light definitions need to be added to color_definitions.scss within a theme and won’t work in other scss files. [Screen Shot 2020-12-04 at 9.54.13 PM] color_definitions.scss is high up in the cascade (before a lot of the default styles), so you don’t want to add the .modal.history-modal ins part there. Instead you can just add the color definition itself… $dark-theme-ins: #acf2bd; $light-theme-ins: #4da06d; $ins: dark-light-choose(…

---

أحب قسم المواضيع ذات الصلة في Discourse Ai يسهل تنظيمه والعثور على المواضيع.

[Lilly (Lillian)]

شخصيًا، أفضل وجود سمات داكنة وفاتحة منفصلة، بدلاً من أوضاع داكنة وفاتحة للسمة. أعتقد أن بعض المستخدمين يجدون تلك القائمة المنسدلة الإضافية مربكة. أنا فقط أقوم بإنشاء إصدارات فاتحة وداكنة للسمات وأضعها في قائمة الهامبرغر، ولكن لدي فقط 4 سمات نشطة (لقد قمت بعمل سمات محدودة الوقت للمناسبات الخاصة، على سبيل المثال، كانت لدينا سمات فاتحة وداكنة لبطولة Masters Golf). فقط يجب تتبع لوحات الألوان.

[ti0]

لقد قمت بحل هذا عن طريق إضافة سطر واحد من التعليمات البرمجية إلى قسم الرأس (Head) لكل سمة اعتمادًا على الألوان:

document.body.classList.add(“dark-theme”);

document.body.classList.add(“light-theme”);

شكراً لمدخلاتكم @Don @Lilly