Introducción
Esta guía cubre el modo oscuro, cómo seleccionarlo y cómo habilitarlo.
¿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 mientras mantiene las proporciones mínimas de contraste de color requeridas para la legibilidad.
El modo oscuro es esencialmente un tema predominantemente oscuro en tu dispositivo (negro o gris, generalmente), con texto claro para el contraste. Discourse tiene muchos temas que tienen esquemas de colores claros y 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 ‘Dark’ (Oscuro) en la lista de temas populares.
Después de eso, deberás ir a my/preferences/interface para cambiar los temas. Deberías ver esta página.
(Móvil)
Después de esto, selecciona el menú desplegable donde se muestra el tema actual, o en el menú desplegable ‘Theme’ (Tema). En mi caso, es Meta Branded.
Luego, elige del menú desplegable Dark (Oscuro), o cualquier tema que tenga un esquema de color oscuro (lo descubriremos en un momento).
Después de seleccionar tu tema de elección, haz clic en el menú desplegable Regular. Selecciona cualquier esquema de color que tenga la palabra ‘Dark’ (Oscuro) en él. Los comunes incluyen ‘Dark’ (Oscuro), ‘WCAG Dark’ (Oscuro WCAG) y ‘Solarized Dark’ (Oscuro Solarizado).
Seleccionar cualquier esquema de color para el modo claro no dará buenos resultados al seguir esta guía. Se recomienda que selecciones ‘Dark’ (Oscuro) para esta guía, ya que es lo que estaremos usando.
Después de hacer todo esto, puedes hacer clic en el botón Save Changes (Guardar Cambios) en la parte inferior de la página. Esto hará que Discourse entre en modo oscuro (o, más bien, un esquema de color oscuro).
¿Para qué sirve el menú desplegable del modo oscuro?
Sé que probablemente te estés preguntando esto.
En pocas palabras, el esquema de color que pongas 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 cambiarías esto. Sin embargo, si has seleccionado un esquema de color en ‘Regular’ y deseas que sea el mismo en ‘Modo oscuro’ sin tener que cambiar constantemente al cambiar de esquemas de color, puedes configurar el menú desplegable ‘Modo oscuro’ en ‘Same as regular’ (Igual que el normal), 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 compruebo 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 comprobar si hay esquemas de color oscuros. Una buena referencia es buscar ‘WCAG Dark’ (Oscuro WCAG), ya que es un esquema de color que sigue las pautas de accesibilidad.
Conmutador Oscuro/Claro
Ahora que este componente se ha fusionado en el núcleo, no es necesario instalarlo.
Consulta este tema para obtener más información sobre el conmutador:
Conclusión
¡Eso es todo! Lograste localizar el área para cambiar tu tema a modo oscuro y experimentaste con diferentes esquemas de color.
Fuentes y Citas
Forbes: What Is Dark Mode – And Should You Be Using It? – Forbes Advisor UK
Añadir modo oscuro para administradores: Looking for default dark theme - #2 by JammyDodger
Toda la información de esta guía no es generada por IA, excepto los subtítulos de las imágenes. Toda la demás información es original y, cuando no lo es, se enlaza arriba.
