Quando si utilizza il menu a discesa delle notifiche dell’argomento (Watching/Tracking/Normal/Muted), il testo e l’icona dell’elemento attualmente selezionato diventano invisibili a causa del contrasto insufficiente tra il colore di sfondo della selezione e i colori in primo piano.
Passaggi per riprodurre
Aprire un qualsiasi argomento
Fare clic sul pulsante della campanella delle notifiche in fondo all’argomento
Osservare il livello di notifica attualmente selezionato (ad esempio, “Tracking”)
Comportamento previsto
L’elemento selezionato dovrebbe avere testo e icona chiaramente visibili con un buon contrasto.
Comportamento attuale
L’etichetta del testo scompare o diventa molto difficile da leggere
L’icona della campanella diventa invisibile
Il problema è più evidente nei temi scuri, ma può interessare qualsiasi tema a seconda della palette di colori
Dettagli tecnici
In app/assets/stylesheets/common/select-kit/select-kit.scss, lo stato .is-selected imposta solo il colore di sfondo senza garantire il contrasto in primo piano:
&.is-selected,
&.is-selected.is-highlighted {
background: var(--d-selected);
// Nessuna sovrascrittura del colore per testo o icone
}
La variabile CSS --d-selected deriva dal colore $selected del tema, ma il testo (.name, .desc) e le icone (.d-icon) mantengono i loro colori predefiniti che potrebbero non contrastare bene con lo sfondo della selezione.
Questa è una restrizione per i nuovi utenti. Puoi navigare in alcuni argomenti esistenti in modo che il tuo livello di fiducia possa salire rapidamente a 1.
Sembra che la tua tavolozza di colori non sia stata aggiornata da un po’, perché quello non è il normale colore di selezione. Quando hai aggiornato il tuo forum l’ultima volta?
Sì, questo è probabile: ho visto situazioni come questa in cui una palette di colori personalizzata creata prima che venissero aggiunti nuovi colori finisce per avere un contrasto scarso… @BrettH se crei una nuova palette di colori e la usi, il problema persiste?
