Ahora puedes configurar tu sitio Discourse para que cambie automáticamente los esquemas de color cuando el dispositivo del usuario esté en modo oscuro. Para una vista previa rápida, dirígete a la instancia try.discourse.org y activa y desactiva el modo oscuro de tu dispositivo para ver esta nueva función en acción. (Esta función no está habilitada en meta.)
Habilitar el modo oscuro automático
Para habilitar esta función en tu instancia, puedes seleccionar el esquema de color de modo oscuro en la configuración de tu sitio:
Una vez establecida esa configuración, puedes recargar tu sitio con un dispositivo en modo oscuro y deberías ver el esquema de color oscuro en uso.
Si el logotipo que funcionaba bien en un esquema claro no funciona tan bien en un fondo oscuro, ahora puedes cargar alternativas en la nueva configuración disponible en el núcleo.
Los archivos cargados en estas configuraciones reemplazarán la configuración regular con el mismo nombre si: a) el cambio automático de modo oscuro está habilitado y el dispositivo del usuario está en modo oscuro, o b) el usuario está usando un tema oscuro (incluso si no está en modo oscuro). Los sitios que anteriormente utilizaban https://meta.discourse.org/t/alternative-logos-for-dark-light-themes/88502 ahora pueden cambiar a usar la configuración del sitio del núcleo y eliminar ese componente.
Algunos usuarios podrían no querer cambiar automáticamente a un esquema de color oscuro cuando su navegador está en modo oscuro. Pueden deshabilitar esta función desmarcando la opción “Habilitar esquema de color de modo oscuro automático” en su pantalla Preferencias > Interfaz:
Selector de esquema de color seleccionado por el usuario
Para usar esta función, necesitas crear múltiples esquemas de color en tu sitio y marcarlos como seleccionables por los usuarios:
Una vez hecho esto, los usuarios deberían ver dos menús desplegables en la página Preferencias > Interfaz:
Consulta también Update themes and plugins to support automatic dark mode