تبديل وضع الظلام/الضوء

أنا أحب هذه المكونة! :heart_eyes: لكن، لدي مشكلة صغيرة.

يبدو أن المكونة تعمل فقط عندما يكون خيار “تمكين مخطط الألوان التلقائي للوضع المظلم” ممكّنًا. تحدث مشكلتي عندما يكون الخيار ممكّنًا، وعندما يتم تعيين تفضيل النظام على الوضع المظلم (أي، مخطط الألوان المفضل: مظلم).

في السيناريو أعلاه، عندما أحاول التبديل إلى سمة فاتحة عبر التفضيلات > الواجهة > السمة، لا يحدث شيء، وهذا جيد بالنسبة لي. من المفترض، نظرًا لأن تفضيل نظامي مضبوط بالفعل على الوضع المظلم، فإن التبديل إلى الوضع الفاتح في Discourse لا يتجاوز ذلك.

عندما أفعل الشيء نفسه مع مكونة تبديل الوضع المظلم / الفاتح، وإذا تم تعيين تفضيل السمة الخاص بي في Discourse على فاتح، فإن التبديل يسمح لي بالفعل بالتبديل إلى الوضع الفاتح (وهو أفضل في رأيي) ولكن شعار الموقع في الرأس يظل في الوضع المظلم ويصعب رؤيته في الوضع الفاتح. عندما أنظر في الفاحص، أرى العنصر يبدو كالتالي:

<div> class="title"><a> href="/" data-auto-route="true"> <picture> <source srcset="<link to image>" media="(prefers-color-scheme: dark)"> <img src="<link to image>" id="site-logo" class="logo-big"> </picture> </a> </div>

لاحظت الجزء media=“(prefers-color-scheme: dark)” على الرغم من أننا الآن في وضع فاتح تم تعيينه بواسطة التبديل.

يجب أن أضيف أن شعار الموقع عادة ما يتحول بسلاسة بين الوضع الفاتح والمظلم عندما يكون خيار “تمكين مخطط الألوان التلقائي للوضع المظلم” في Discourse غير محدد. ولكن، هذا يمنع عرض مكونة تبديل الوضع المظلم / الفاتح :man_shrugging:t2:

أيضًا، إذا تم تعيين تفضيل السمة الخاص بي في Discourse على مظلم من التفضيلات > الواجهة > السمة، وكان تفضيل نظامي مظلمًا أيضًا، فإن التبديل لا ينتقل بين الفاتح والمظلم - يظل دائمًا على السمة المظلمة.

من الناحية المثالية، أفضل أن تعمل مكونة تبديل الوضع المظلم / الفاتح بالطريقة التي تعمل بها الآن، ولكن لجعل شعار الموقع في الرأس يتبع الإعداد الحالي الفاتح / المظلم النشط، وليس مخطط الألوان المفضل للنظام الخاص بالمستخدم.

إعجاب واحد (1)