Componente de modo nocturno automático

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

Componente de tema genial. Pero no puedo seleccionar un rango de tiempo para la activación. ¿Parece que el campo es solo para zonas horarias de EE. UU.? ¿Es posible añadir la detección del modo claro/oscuro de macOS?

[mbcahyono (Muhlis Cahyono)]

@terraboss

Parece que el campo es solo para zonas horarias de EE. UU.?

Estoy seguro de que es la hora local (del dispositivo).

@terraboss

¿Es posible añadir la detección del modo Claro/Oscuro de macOS?

Hay otro tema para eso:

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

Estoy seguro de que es la hora local (del dispositivo).

No puedo ingresar mi hora local manualmente. No sucede nada.

@mbcahyono

Hay otro tema sobre eso:

¡Gracias por este consejo! Ya tenía esto en mis marcadores antes

Desafortunadamente, no funciona en este momento. Necesito hacer algunas pruebas de solución de problemas primero…

[jrgong]

¿Se puede combinar este componente del tema con este otro?

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:

De esta manera, los usuarios podrían anular el modo oscuro automático cuando lo deseen.

[mbcahyono (Muhlis Cahyono)]

Sí, puedes, pero podría provocar un comportamiento inesperado.

[jrgong]

Parece que este componente está roto. Cada vez que lo activo en la configuración de mi perfil y recargo la página, la marca de verificación en la casilla desaparece y queda desactivado.

[codinghorror (Jeff Atwood)]

Creo que @pmusaraj está trabajando en algo aún más automático que esto.

[pmusaraj (Penar Musaraj)]

Core ahora tiene una función similar basada en el modo oscuro de la interfaz del dispositivo; consulta Cambio automático del esquema de colores del modo oscuro.