Cómo cambiar el color de los hipervínculos en modo oscuro

Cuando se establece un color primario oscuro para tu sitio de la base de conocimiento, el mismo color se aplica tanto en modo Claro como en Oscuro. En modo oscuro, esto puede hacer que los hipervínculos sean parcialmente visibles o difíciles de distinguir del texto circundante porque el color del enlace se funde con el fondo oscuro. Puedes resolverlo sobrescribiendo el color del hipervínculo solo para el modo Oscuro, dejando los enlaces del modo Claro sin cambios.

Cuándo usar esta solución

Color primario oscuro con modo oscuro activado: si tu sitio de la Base de Conocimientos usa un color oscuro de marca (como azul marino, verde oscuro o gris oscuro) y los lectores pueden cambiar a modo oscuro, los hipervínculos pueden parecer difíciles de leer.
Preocupaciones de accesibilidad: el bajo contraste entre el color del enlace y el fondo en modo oscuro puede dificultar la navegación. Un color de enlace más claro y de alto contraste mejora la legibilidad para todos los lectores.

NOTA

Este cambio en CSS solo afecta a los hipervínculos en modo oscuro. Los colores del enlace en modo luz no se ven afectados.

Referencia rápida

Usa el fragmento para la versión de tu sitio de la base de conocimientos. Sustituye red por el color que quieras.

html[data-bs-theme=dark] d360-article-content a {
    color: red !important;
}

Cómo cambiar el color del hipervínculo en modo Oscuro

En el portal de la Base de Conocimiento, ve a Configuración > sitio de la Base de Conocimientos > CSS y JavaScript personalizados.

Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.

Selecciona la pestaña CSS y pega el fragmento para la versión de tu base de conocimientos desde la referencia rápida anterior.
Sustituye red por el color que quieras — usa un código hexadecimal (por ejemplo, #66b2ff) o un nombre de color CSS. Elige un color con suficiente contraste con tu fondo oscuro.
Haz clic en Guardar.

Custom CSS editor showing the Dark mode hyperlink color snippet pasted in the CSS tab with the Save button visible.

Resultado

Tras guardar el CSS, los hipervínculos en modo oscuro se muestran en el color especificado, haciéndolos claramente visibles sobre el fondo oscuro.

Knowledge Base site in Dark mode showing hyperlinks rendered in a custom color that is clearly visible against the dark background.

Mejores prácticas

Elige un color claro y accesible para el modo Oscuro: los colores que funcionan bien en modo Claro (como el azul #0056b3oscuro) suelen tener un contraste insuficiente en modo Oscuro. Utiliza un tono más claro del color de tu marca, como #66b2ff el azul o #80d080 el verde, para garantizar la legibilidad.
Comprueba el contraste con una herramienta: utiliza un comprobador de contraste (como el WebAIM Contrast Checker) para verificar que el color de enlace elegido cumple con los requisitos de contraste WCAG AA contra el color oscuro de tu fondo.
Prueba en ambos modos después de guardar: cambia entre modo Luz y Oscuro en la página de la base de conocimientos para confirmar que la corrección solo cambia los enlaces del modo Oscuro y no afecta a la apariencia del modo Luz.