Lorsque vous utilisez le menu déroulant de notification de sujet (Watching/Tracking/Normal/Muted), le texte et l’icône de l’élément actuellement sélectionné deviennent invisibles en raison d’un contraste insuffisant entre la couleur d’arrière-plan de la sélection et les couleurs de premier plan.
Étapes pour reproduire
-
Ouvrez n’importe quel sujet
-
Cliquez sur le bouton de la cloche de notification en bas du sujet
-
Observez le niveau de notification actuellement sélectionné (par exemple, « Tracking »)
Comportement attendu
L’élément sélectionné doit avoir un texte et une icône clairement visibles avec un bon contraste.
Comportement actuel
-
Le libellé du texte disparaît ou devient très difficile à lire
-
L’icône de la cloche devient invisible
-
Le problème est le plus visible dans les thèmes sombres, mais peut affecter n’importe quel thème en fonction de la palette de couleurs
Détails techniques
Dans app/assets/stylesheets/common/select-kit/select-kit.scss, l’état .is-selected définit uniquement la couleur d’arrière-plan sans garantir le contraste du premier plan :
&.is-selected,
&.is-selected.is-highlighted {
background: var(--d-selected);
// Pas de remplacement de couleur pour le texte ou les icônes
}
La variable CSS --d-selected provient de la couleur $selected du thème, mais le texte (.name, .desc) et les icônes (.d-icon) conservent leurs couleurs par défaut, ce qui peut ne pas contraster correctement avec l’arrière-plan de la sélection.
Captures d’écran
Environnement
-
Version de Discourse : latest
-
Navigateur : Edge
-
Thème : Thème Foundation