Volví a investigar esto la semana pasada y pude reproducir este error con los siguientes pasos:
-
Configure su sistema operativo para usar el modo oscuro (en Windows 11 esto se hace en Configuración → Personalizar → Colores → Elegir tu modo).
-
En sus preferencias de Discourse, seleccione diferentes esquemas de color para los modos normal y oscuro y recargue la página.
-
Ahora debería ver que el esquema de color que seleccionó para el modo oscuro surte efecto en la interfaz de usuario (como se esperaba), pero la etiqueta meta
theme-colorcontendrá el valor de colorheader_backgrounddel esquema de color que seleccionó para el modo claro, cuando en realidad debería ser el modo oscuro.
Esto es un poco complicado de arreglar porque en el lado del servidor, que es donde se renderizan todas las etiquetas meta, no tenemos contexto sobre si el cliente/navegador usará el esquema de color claro u oscuro. Simplemente incluimos las definiciones de color para ambos esquemas, claro y oscuro, y luego el cliente/navegador elige el que coincide con la preferencia del usuario según la consulta de medios prefers-color-scheme.
Sin embargo, parece que la etiqueta meta theme-color acepta un atributo media, por lo que deberíamos poder incluir otra etiqueta meta theme-color para el esquema oscuro con media establecido en (prefers-color-scheme: dark). Intentaré hacer esto esta semana.