Introducción
Esta guía cubre el modo oscuro, cómo seleccionarlo y cómo activarlo.
¿Qué es el modo oscuro?
Como explica Forbes,
La idea detrás del modo oscuro es que reduce la luz emitida por las pantallas de los dispositivos, manteniendo al mismo tiempo los ratios mínimos de contraste de color necesarios para la legibilidad.
El modo oscuro es esencialmente un tema predominantemente oscuro en tu dispositivo (generalmente negro o gris), con texto claro para lograr contraste. Discourse cuenta con muchos temas que incluyen tanto esquemas de color claros como oscuros.
¿Cómo selecciono el modo oscuro?
En tu foro de Discourse, tu administrador primero debe instalarlo. En admin/customize/themes, el administrador puede elegir ‘Oscuro’ en la lista de temas populares.
Después, deberás ir a my/preferences/interface para cambiar el tema. Deberías ver esta página.
(Móvil)
Después de esto, selecciona el menú desplegable donde se muestra el tema actual, o bajo el menú desplegable ‘Tema’. En mi caso, es «Meta Branded».
Luego, elige en el menú desplegable «Oscuro», o cualquier tema que tenga un esquema de color oscuro (averiguaremos cómo en un momento).
Después de seleccionar tu tema preferido, haz clic en el menú desplegable «Regular». Selecciona cualquier esquema de color que contenga la palabra «Oscuro». Los más comunes incluyen «Oscuro», «WCAG Dark» y «Solarized Dark».
Seleccionar cualquier esquema de color para el modo claro no dará buenos resultados al seguir esta guía. Se recomienda que selecciones «Oscuro» para esta guía, ya que es lo que usaremos.
Después de hacer todo esto, puedes hacer clic en el botón Guardar cambios en la parte inferior de la página. Esto hará que Discourse pase al modo oscuro (o, más bien, a un esquema de color oscuro).
¿Para qué sirve el menú desplegable de modo oscuro?
Sé que probablemente te estés preguntando esto.
Para decirlo simplemente, el esquema de color que coloques allí se activa cuando tu dispositivo está en modo oscuro. El esquema de color seleccionado anulará el seleccionado en el menú desplegable «Regular» cuando tu dispositivo esté en modo oscuro.
Generalmente, no necesitarías cambiar esto. Sin embargo, si has seleccionado un esquema de color en «Regular» y deseas que sea el mismo en «Modo oscuro» sin tener que seguir cambiando al modificar los esquemas de color, puedes establecer el menú desplegable «Modo oscuro» en «Igual que el regular», para que Discourse siga el esquema seleccionado en «Regular».
Si tu dispositivo está en modo claro, el menú desplegable «Modo oscuro» no tendrá ningún efecto.
Entonces… ¿cómo verifico si un tema tiene un esquema de color oscuro?
¡Ah, sí! Básicamente, puedes seleccionar un tema y echar un vistazo a los esquemas de color compatibles, y verificar si hay algún esquema de color oscuro. Un buen indicador es buscar «WCAG Dark», ya que es un esquema de color que sigue las directrices de accesibilidad.
Alternancia entre modo oscuro/claro
Ahora que este componente se ha integrado en el núcleo, no es necesario instalarlo.
Consulta este tema para obtener más información sobre la alternancia:
Conclusión
¡Eso es todo! Has logrado localizar el área para cambiar tu tema al modo oscuro y has experimentado con diferentes esquemas de color.
Fuentes y citas
Forbes: https://www.forbes.com/uk/advisor/mobile-phones/what-is-dark-mode-and-should-you-be-using-it/
Agregar modo oscuro para administradores: Looking for default dark theme - #2 by JammyDodger
Toda la información de esta guía no fue generada por IA, excepto las descripciones de las imágenes. Toda la demás información es original y, cuando no lo es, está enlazada arriba.
