مكون الوضع الليلي التلقائي

[mbcahyono (Muhlis Cahyono)]

Following up the discussion here:

Automatic Night Mode Plugin

Some users have been asking about automatic switching between a light and a dark theme. Could this be accomplished with a plugin? I assume this would need two parts: a theme component with a javascript switching themes based on local time a Discourse plugin adding options to the user preferences page: turn night mode switching on/off, choose nighttime theme, set time nighttime time period How difficult would it be to code? As in, how much would it cost?

I made a theme component that will automatically switch to night theme based on user preferences. It’s currently work on a per-browser basis.

Repository

https://github.com/muhlisbc/discourse-automatic-night-mode-theme

Screenshot:

Installation

Add this component to each theme installed.

Known Issues

• I’ve received a report of the component making all navigation cause full reloads. Upon navigating between different pages every click caused a full refresh instead of an in-app navigation. I have not been able to reproduce this, so please post reproduction steps if you run into this.

Feedback is welcome and thanks to Discourse team for sponsoring this work

[terraboss (Markus)]

مكون سمة رائع. لكن لا يمكنني اختيار نطاق زمني للتفعيل. يبدو أن الحقل مخصص لمنطقة توقيت الولايات المتحدة فقط؟

هل من الممكن إضافة كشف وضع macOS الفاتح/الداكن؟

[mbcahyono (Muhlis Cahyono)]

@terraboss

يبدو أن الحقل مخصص لمنطقة التوقيت الأمريكية فقط؟

أنا متأكد من أنه الوقت المحلي (للجهاز).

@terraboss

هل من الممكن إضافة كشف وضع الإضاءة/الوضع المظلم لنظام macOS؟

هناك سمة أخرى لذلك:

Dark Mode Automatic Theme Switcher

Discourse now supports Automatic Dark Mode color scheme switching in core, this component is now deprecated and should no longer be used. Repository: https://github.com/pmusaraj/discourse-dark-mode Installation instructions: Installing a theme or theme component What this does? This component allows automatic switching to a dark theme when the browser is set to dark mode. This works for logged-in users only on all browsers that support the prefers-color-scheme media query. By de…

[terraboss (Markus)]

@mbcahyono

أنا متأكد من أنه الوقت المحلي (للجهاز).

لا يمكنني إدخال وقتي المحلي يدويًا. لا يحدث أي شيء.

@mbcahyono

هناك سمة أخرى لذلك:

شكرًا لك على هذه التلميحة! لقد كانت هذه في إشارات مرجعتي من قبل

للأسف، لا تعمل حاليًا. أحتاج إلى إجراء بعض استكشاف الأخطاء وإصلاحها أولاً…

[jrgong]

هل يمكن دمج مكون هذا السمة مع هذا المكون؟

Theme Switcher Component

Any thoughts about making the bottom smaller? When using additional component, it takes a lot of space in the header. For example I like the dark mode button in this ghost theme at top right:

بهذه الطريقة، يمكن للمستخدمين تجاوز وضع الظلام التلقائي عند الرغبة في ذلك.

[mbcahyono (Muhlis Cahyono)]

نعم، يمكنك ذلك، لكنه قد يؤدي إلى سلوك غير متوقع.

[jrgong]

يبدو أن هذا المكون معطّل. فكلما قمت بتفعيله في إعدادات ملفي الشخصي وأعدت تحميل الصفحة، تختفي علامة الصح في المربع ويعاد تعطيله.

[codinghorror (Jeff Atwood)]

أعتقد أن @pmusaraj يعمل على شيء أكثر أتمتة من هذا.

[pmusaraj (Penar Musaraj)]

تتمتع Core الآن بميزة مماثلة تعتمد على واجهة الوضع المظلم الخاصة بالجهاز، يرجى الاطلاع على التبديل التلقائي لنمط الألوان للوضع المظلم.