Al usar el menú desplegable de notificación de temas (Watching/Tracking/Normal/Muted), el texto y el icono del elemento actualmente seleccionado se vuelven invisibles debido al contraste insuficiente entre el color de fondo de la selección y los colores del primer plano.
Pasos para reproducir
-
Abrir cualquier tema
-
Hacer clic en el botón de la campana de notificación en la parte inferior del tema
-
Observar el nivel de notificación actualmente seleccionado (por ejemplo, “Tracking”)
Comportamiento esperado
El elemento seleccionado debe tener texto e icono claramente visibles con buen contraste.
Comportamiento actual
-
La etiqueta de texto desaparece o se vuelve muy difícil de leer
-
El icono de la campana se vuelve invisible
-
El problema es más notable en los temas oscuros, pero puede afectar a cualquier tema dependiendo de la paleta de colores
Detalles técnicos
En app/assets/stylesheets/common/select-kit/select-kit.scss, el estado .is-selected solo establece el color de fondo sin garantizar el contraste del primer plano:
&.is-selected,
&.is-selected.is-highlighted {
background: var(--d-selected);
// Sin anulación de color para texto o iconos
}
La variable CSS --d-selected proviene del color $selected del tema, pero el texto (.name, .desc) y los iconos (.d-icon) conservan sus colores predeterminados, que pueden no contrastar bien con el fondo de la selección.
Capturas de pantalla
Entorno
-
Versión de Discourse: latest
-
Navegador: Edge
-
Tema: Tema Foundation