مبدل السمة التلقائي للوضع المظلم

:warning: يدعم Discourse الآن Automatic Dark Mode color scheme switching ضمن النواة، لذا تم إيقاف هذا المكون عن العمل ولا ينبغي استخدامه بعد الآن.

المستودع:

https://github.com/pmusaraj/discourse-dark-mode

تعليمات التثبيت: Installing a theme or theme component

ما الذي يفعله هذا؟

يتيح هذا المكون التبديل التلقائي إلى سمة داكنة عندما يكون المتصفح مضبوطًا على الوضع الداكن. يعمل هذا للمستخدمين المسجلين فقط على جميع المتصفحات التي تدعم استعلام الوسائط prefers-color-scheme.

بشكل افتراضي، يكون هذا المكون مفعّلًا، ويمكن للمستخدمين فرديًا إيقافه في شاشة التفضيلات > الواجهة. يمكن للمسؤولين أيضًا ضبط المكون ليكون معطلًا افتراضيًا، وفي هذه الحالة سيظهر للمستخدمون زر لتمكين التبديل التلقائي في تفضيلات الواجهة.

كيف يعمل؟

إذا كان المتصفح في الوضع الداكن، سيعيد هذا المكون تحميل Discourse مع تفعيل السمة الداكنة. وإذا عاد المتصفح إلى الوضع الفاتح، سيعيد هذا المكون التحميل مع السمة الافتراضية المفعّلة.

كما سيعيد التحميل إذا تم تبديل الوضع الداكن بينما يكون المستخدم داخل الموقع (كما هو موضح في الفيديو أعلاه).

(إذا كان لديك أكثر من سمتين مفعّلتين، واختار المستخدم سمة غير السمة الافتراضية أو الداكنة، فلن يفعل هذا المكون شيئًا، أي أنه سيحترم اختيار المستخدم.)

الإعدادات

  • تأكد من تثبيت سمة داكنة وأن المستخدمين قادرين على اختيارها.
  • أضف هذا المكون إلى السمة الافتراضية وإلى السمة الداكنة (أمر بالغ الأهمية؛ إذا لم تقم بإضافته إلى السمتين، فلن يتمكن المستخدمون من العودة إلى السمة الافتراضية).
  • في إعدادات المكون، أدخل معرف سمتك الداكنة في حقل معرف السمة الداكنة.
28 إعجابًا

Awesome, although flux is overkill just to toggle dark mode on the mac. Night Owl will do the same thing without interfering with anything else.

4 إعجابات

لقد قمت للتو بدفع تحديث صغير لمكون هذا القالب لجعله متوافقًا مع iOS 13 (الذي سيصدر مع الوضع الليلي بالإضافة إلى خيار تمكينه تلقائيًا في المساء).

9 إعجابات

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

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

شكرًا لك!

المعرّف هو رقم المظهر في الرابط عند تحديده في لوحة الإدارة. على سبيل المثال، في هذا الرابط: /admin/customize/themes/39، يكون الرقم 39.

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

رائع، يعمل بشكل ممتاز، شكرًا لك! نأمل حقًا أن يصبح هذا جزءًا من التثبيت القياسي للنقاش.

إعجابَين (2)

يدعم Google Chrome الآن الوضع المظلم على iOS 13 وiPadOS 13. غير أنني لست متأكدًا تمامًا من دعم الوضع المظلم لـ Google Chrome على MacOS Mojave أو MacOS Catalina.

متى سيصل دعم Google Chrome؟

يجب أن يعمل بالفعل في متصفح كروم، حيث يستخدم في الخلفية استعلام الوسائط prefers-color-scheme، ودعم المتصفحات له جيد جدًا في الوقت الحالي: Can I use... Support tables for HTML5, CSS3, etc

أوه، هذا سارٌّ لسماعه! :grinning:

نعم، أنا أيضًا آمل بشدة أن يصبح هذا جزءًا من تثبيت Discourse القياسي. فبعض الناس يفضلون فقط تحديث منتدياتهم ولا يتجاوزون ذلك.

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

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

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

لا يعمل معي :-/

فقط للتحديثات المستقبلية: سيكون من الرائع إذا كان هناك قائمة منسدلة لاختيار السمة الصحيحة.

تدعم ميزة “prefers-color-scheme” أيضًا نظام Windows. يدعم أحدث إصدار تجريبي من Chrome وأحدث إصدار من Firefox هذا الاستعلام الوسائطي.

5 إعجابات

يبدو أن هذا المكون يُسبب مشكلة في الإصدار 2.4.0.beta11+39. في مجتمعي المخصص للمستخدمين المسجلين فقط، تظهر شاشة تسجيل الدخول في https://mydomain/login فارغة. تعمل بشكل طبيعي عند تعطيل هذا المكون.

لا أستطيع إعادة إنتاج هذه المشكلة محليًا باستخدام أحدث إصدار من Discourse وأحدث إصدار من المكون. عندما تكون شاشة تسجيل الدخول فارغة، هل يوجد خطأ في وحدة تحكم المتصفح؟

تحديث: تم الآن إصلاح المشكلة التي كان يواجهها توماس في المكون. شكرًا لتقريرك!

4 إعجابات

+1 لجعل هذا الجزء جزءًا من نواة Discourse

4 إعجابات