El conmutador de modo oscuro/claro ahora disponible en core

[Osama]

El componente de tema Dark/Light Mode Toggle, que añade un selector para permitir a los usuarios cambiar fácilmente entre los modos claro y oscuro, se ha fusionado en el núcleo de Discourse y se puede habilitar a través del ajuste del sitio interface color selector.

Además de varias correcciones de errores y mejoras, la versión principal difiere ligeramente del componente de tema original en que tiene una tercera opción “Auto” que hace que el modo de color del sitio coincida con la preferencia del sistema del dispositivo del usuario.

El selector de color se puede configurar a través del ajuste del sitio interface color selector para que aparezca en la cabecera del sitio junto al icono de búsqueda, o en el pie de página de la barra lateral.

Aquí tienes una captura de pantalla cuando está en el pie de página de la barra lateral:

Y así es cuando está en la cabecera:

Usuarios existentes del componente de tema

Hemos desaprobado el componente de tema y hemos enviado una actualización final para que detecte si la versión principal está disponible y alerte a los administradores para que la eliminen y habiliten la versión principal. Aquí tienes una captura de pantalla de la alerta de administrador:

Una vez habilitada la versión principal, el componente de tema ya no tendrá ningún efecto en tu sitio. Sin embargo, aún deberías eliminarlo por completo para evitar posibles problemas en el futuro, ya que ya no realizaremos ningún mantenimiento para el componente de tema.

[Kevin7 (Kévin .)]

Hola, gracias por esta nueva función, pero me pregunto por qué los botones todavía tienen texto e iconos negros al cambiar al modo oscuro en lugar de simplemente volverse blancos. ¿Cómo puedo hacer que el texto y los iconos de los botones se vuelvan blancos cuando el modo oscuro está activo? Gracias.

[Osama]

¿Puedes compartir una captura de pantalla del problema que estás viendo?

[Kevin7 (Kévin .)]

Aquí tienes un ejemplo: cuando cambio Discourse al modo oscuro, algunos textos de los botones permanecen en negro. Creo que tendría más sentido que el texto fuera blanco. Sin embargo, encontré una solución usando CSS que creo que funciona bien para solucionar este problema.

$button-text-color: dark-light-choose(#ffffff, $primary);

:root {
  --button-text-color: #{$button-text-color};
}

.btn-primary {
  color: var(--button-text-color) !important;
  
  .d-icon {
    color: var(--button-text-color) !important;
  }
}

[Osama]

@Kevin7

algunos textos de botones permanecen en negro.

Esa es una decisión de diseño intencional de nuestra parte para los botones principales (los que tienen un fondo azul en la paleta de colores predeterminada), por lo que no lo cambiaremos para todos. Dicho esto, Discourse es muy flexible y tiene un sistema de temas para anular el CSS principal.

[joo (slower)]

Ya he hecho la configuración, pero no puedo ver la opción. ¿Podrías explicarme el motivo?

[Osama]

¿Tiene una paleta clara y una oscura seleccionadas en sus preferencias en /my/preferences/interface? El interruptor solo aparecerá si se seleccionan tanto una paleta clara como una oscura:

[patrickemin]

Hola, no veo esa configuración de paleta de colores en mis preferencias, solo "Tema" y "Modo oscuro":

[Osama]

Creo que si habilitas la casilla de modo oscuro (asumo que “Mode sombre” significa modo oscuro en francés), entonces el interruptor aparecerá para ti. ¿Puedes intentarlo?

La preferencia de paletas de colores en mi última publicación anterior aparece si tu sitio tiene múltiples paletas oscuras que los usuarios pueden seleccionar. Si solo hay 1 paleta de colores disponible, el menú desplegable es reemplazado por la casilla de verificación que ves.

[Andrew_Rowe]

Lo siento mucho… ¿dónde está la configuración para activar esta función?
¿No necesita instalación?
con la nueva interfaz de administración estoy un poco desordenado

[StefanoCecere]

no se muestra en el móvil / iPhone
en el escritorio: perfecto.
recuerdo que la versión anterior (la versión del Componente) se mostraba.

[Jagster (Jakke Lehtonen)]

Solo mostrando que algunos iPhones y foros funcionan.

Está en el núcleo… eso significa que debería aparecer al intentar el modo seguro, supongo. Si eso sucede, entonces es un conflicto con algún otro componente, tema o plugin.

De lo contrario

• Discourse no es lo suficientemente reciente
• el interruptor no está habilitado en la configuración del sitio
• el modo oscuro no está habilitado a nivel del sitio o en la configuración del usuario

[StefanoCecere]

extraño porque funcionaba hasta hace unos días

volveré en unos días… a ver
gracias

[StefanoCecere]

No tengo estas dos opciones… solo la normal…

[StefanoCecere]

¡entendido! pero fue difícil
en una mezcla de varias configuraciones y preferencias personales… creo que deberíamos facilitar que un tema tenga los dos esquemas de color (oscuro y claro)

[patrickemin]

@Osama

Creo que si habilitas la casilla del modo oscuro (asumo que “Mode sombre” significa modo oscuro en francés), entonces el interruptor aparecerá para ti. ¿Puedes intentarlo?

Bueno no, no aparece en el pie de página de la barra lateral.

[Osama]

[cita=“Andrew Rowe, post:10, topic:350991, full:true, username:Andrew_Rowe”]
Lo siento mucho… ¿dónde está la configuración para activar esta función?
¿No necesita instalación?
Con la nueva interfaz de administrador estoy un poco desorientado
[/cita]

Si vas a /admin/site_settings/category/all_results?filter=interface_color_selector en tu sitio, deberías poder ver la configuración.

[cita=“Patrick EMIN, post:17, topic:350991, username:patrickemin”]
Bueno no, no aparece en el pie de página de la barra lateral.
[/cita]

¿Al cambiar la preferencia del sistema en tu teléfono/computadora de claro a oscuro (o viceversa), tu interfaz de Discourse cambia para coincidir con la preferencia del sistema o permanece sin cambios (en modo claro u oscuro)?

Dado que el selector principal funciona aquí y en muchos otros sitios, debe haber un problema de configuración en tu extremo que impide que se muestre el selector. ¿Puedes compartir la salida de estos comandos cuando los ejecutes en la consola de tu navegador mientras estás conectado a tu cuenta?

(({dark_scheme_id, color_scheme_id}) => { return {dark_scheme_id, color_scheme_id}} )((await (await fetch(`/u/${Discourse.User.current().username}.json`)).json()).user.user_option)

Discourse.SiteSettings.default_dark_mode_color_scheme_id

[patrickemin]

Mi configuración está bien (abajo de la barra lateral). Si cambio al modo oscuro en el móvil o en el PC, no, no produce ningún cambio, y para la consola, no sé cómo usarla, lo siento

[Jagster (Jakke Lehtonen)]

Pero la configuración de color oscuro en la configuración del sistema y/o en tu configuración personal probablemente no sea correcta.

[patrickemin]

Bueno, probablemente, siempre he tenido dificultades con ese tipo de configuraciones, pero no es tan importante, lo dejaré así, gracias por intentar ayudar.