¡Me encanta este componente!
Pero tengo un pequeño problema.
Parece que el componente solo funciona cuando la opción “Habilitar esquema de color automático en modo oscuro” está activada. Mi problema ocurre cuando la opción está activada y la preferencia del sistema está configurada en modo oscuro (es decir, esquema de color preferido: oscuro).
En el escenario anterior, cuando intento cambiar a un tema claro a través de Preferencias > Interfaz > Tema, no sucede nada, lo cual está bien para mí. Presumiblemente, dado que mi preferencia del sistema ya está configurada en modo oscuro, cambiar a modo claro en Discourse no la anula.
Cuando hago lo mismo con el componente de alternancia de modo oscuro/claro, y si mi preferencia de tema en Discourse está configurada en claro, el interruptor realmente me permite cambiar a modo claro (lo cual es aún mejor en mi opinión), pero el logotipo del sitio en el encabezado permanece en modo oscuro y es difícil de ver en modo claro. Cuando miro en el inspector, veo que el elemento se ve así:
<div><a href="/" data-auto-route="true"><picture><source srcset="<link to image>" media="(prefers-color-scheme: dark)"><img src="<link to image>" id="site-logo" class="logo-big"></picture></a></div>
Noté la parte media=“(prefers-color-scheme: dark)” aunque ahora estamos en modo claro establecido por el interruptor.
Debo agregar que el logotipo del sitio normalmente cambia bien entre el modo claro y oscuro cuando la opción “Habilitar esquema de color automático en modo oscuro” en Discourse está desmarcada. Pero esto evita que se muestre el interruptor de modo oscuro/claro ![]()
Además, si mi preferencia de tema en Discourse está configurada en Oscuro desde Preferencias > Interfaz > Tema, y mi preferencia del sistema también es oscura, el interruptor no cambia entre claro y oscuro; siempre permanece en el tema oscuro.
Idealmente, preferiría que el componente de alternancia de modo oscuro/claro funcionara como lo hace ahora, pero que el logotipo del sitio en el encabezado siga la configuración clara/oscura actualmente activa, no el esquema de color preferido del sistema del usuario.