تبديل الوضع الداكن/الفاتح يعطي نتائج متباينة عندما لا تتطابق إعدادات نظام التشغيل مع إعدادات التبديل

@media (prefers-color-scheme: dark) يتم تجاهل أنماط CSS في مكونات السمة الخاصة بي إذا كان نظام تشغيل المستخدم مضبوطًا على الوضع الفاتح واختار المستخدم الوضع الداكن في تبديل الشريط الجانبي. أحصل أيضًا على غرابة إذا كان نظام تشغيل المستخدم مضبوطًا على الوضع الداكن ولكنه يختار الوضع الفاتح في تبديل الشريط الجانبي. يبدو كل شيء كما هو مقصود عندما يتطابق نظام تشغيل المستخدم وإعدادات التبديل في الشريط الجانبي. هل واجه أي شخص آخر هذه المشكلة وقرر كيفية تطبيق تعديلات CSS للوضع الفاتح/الداكن عندما لا تتطابق إعدادات نظام تشغيل المستخدم وإعدادات التبديل في الشريط الجانبي؟

هل لديك سمات مخصصة؟ هل تحدث نفس المشكلة عند استخدام Foundation أو Horizon؟

مرحباً كايلا! هل تمكنتِ من حل هذا الأمر بنفسك؟ إذا كان الأمر كذلك، هل يمكنك مشاركة النتائج هنا؟ إذا لم يكن الأمر كذلك، أعتقد أننا قد نرغب فقط في حذف هذا الموضوع.

يفضل prefers-color-scheme أن يأخذ في الاعتبار وضع نظام التشغيل ومخططات الألوان فقط.
لكي يعمل محدد ألوان الواجهة بشكل صحيح للألوان غير المخططة وقيم CSS الأخرى، يجب عليك دائمًا استخدام dark-light-choose كما هو موضح هنا Update themes and plugins to support automatic dark mode - #5 by pmusaraj

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