# Menu déroulant Select-kit : les éléments sélectionnés/surlignés ont un faible contraste de couleur, le texte et les icônes disparaissent

**URL:** https://meta.discourse.org/t/select-kit-dropdown-selected-highlighted-items-have-poor-color-contrast-text-and-icons-disappear/396146
**Category:** Support
**Tags:** accessibility
**Created:** [Février 15, 2026, 8:30 UTC](https://meta.discourse.org/t/select-kit-dropdown-selected-highlighted-items-have-poor-color-contrast-text-and-icons-disappear/396146 "2026-02-15T20:30:04Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![BrettH](https://avatars.discourse-cdn.com/v4/letter/b/c2a13f/32.png) [@BrettH](https://meta.discourse.org/u/BrettH)
#### Post date: [Février 15, 2026, 8:30 UTC](https://meta.discourse.org/t/select-kit-dropdown-selected-highlighted-items-have-poor-color-contrast-text-and-icons-disappear/396146/1 "2026-02-15T20:30:04Z")

</div>

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

1. Ouvrez n’importe quel sujet

2. Cliquez sur le bouton de la cloche de notification en bas du sujet

3. 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 :

```plaintext
&.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

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/3/d/33da8d540e994df8713e36607e327731a3990aca.png)

Note : J'aurais ajouté l'autre image où l'icône disparaît pour l'état sélectionné, mais je suis nouveau et ne peux ajouter qu'une seule image pour le moment.

## Environnement

- Version de Discourse : latest

- Navigateur : Edge

- Thème : Thème **Foundation**

---

_[View the full topic](https://meta.discourse.org/t/select-kit-dropdown-selected-highlighted-items-have-poor-color-contrast-text-and-icons-disappear/396146)._