Composant de mode nuit automatique

[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)]

Belle composante de thème. Mais je ne peux pas choisir une plage horaire pour l’activation. Il semble que le champ soit réservé aux fuseaux horaires américains ?

Serait-il possible d’ajouter la détection du mode clair/sombre de macOS ?

[mbcahyono (Muhlis Cahyono)]

@terraboss

Il semble que le champ soit réservé uniquement aux fuseaux horaires américains ?

Je suis certain qu’il s’agit de l’heure locale (de l’appareil).

@terraboss

Est-il possible d’ajouter la détection du mode clair/sombre de macOS ?

Il existe un autre thème pour cela :

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

Je suis sûr qu’il s’agit de l’heure locale (de l’appareil).

Je ne peux pas entrer manuellement mon heure locale. Rien ne se passe.

@mbcahyono

Il y a un autre thème pour cela :

Merci pour cet indice ! J’avais déjà cela dans mes favoris

Malheureusement, cela ne fonctionne pas pour le moment. Je dois d’abord effectuer quelques dépannages…

[jrgong]

Ce composant de thème peut-il être combiné avec celui-ci ?

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:

Ainsi, les utilisateurs pourraient remplacer le mode sombre automatique, si nécessaire.

[mbcahyono (Muhlis Cahyono)]

Oui, c’est possible, mais cela peut entraîner un comportement inattendu.

[jrgong]

Il semble que ce composant soit défectueux. Chaque fois que je l’active dans les paramètres de mon profil et que je recharge la page, la coche dans la case disparaît et il est désactivé.

[codinghorror (Jeff Atwood)]

Je crois que @pmusaraj travaille sur quelque chose d’encore plus automatique que cela.

[pmusaraj (Penar Musaraj)]

Core dispose désormais d’une fonctionnalité similaire basée sur le mode sombre de l’interface de l’appareil. Veuillez consulter la commutation automatique du schéma de couleurs du mode sombre.