Wenn Sie das Dropdown-Menü für Themenbenachrichtigungen (Watching/Tracking/Normal/Muted) verwenden, werden der Text und das Symbol des aktuell ausgewählten Elements aufgrund des unzureichenden Kontrasts zwischen der Hintergrundfarbe der Auswahl und den Vordergrundfarben unsichtbar.
Schritte zur Reproduktion
-
Öffnen Sie ein beliebiges Thema.
-
Klicken Sie auf die Benachrichtigungsglocke am unteren Rand des Themas.
-
Beobachten Sie die aktuell ausgewählte Benachrichtigungsstufe (z. B. „Tracking“).
Erwartetes Verhalten
Das ausgewählte Element sollte einen klar sichtbaren Text und ein Symbol mit gutem Kontrast aufweisen.
Tatsächliches Verhalten
-
Das Textetikett verschwindet oder ist sehr schwer zu lesen.
-
Das Glockensymbol wird unsichtbar.
-
Das Problem ist in dunklen Themes am auffälligsten, kann aber je nach Farbpalette jedes Theme betreffen.
Technische Details
In app/assets/stylesheets/common/select-kit/select-kit.scss setzt der Zustand .is-selected nur die Hintergrundfarbe, ohne den Vordergrundkontrast sicherzustellen:
&.is-selected,
&.is-selected.is-highlighted {
background: var(--d-selected);
// Keine Farb-Überschreibung für Text oder Icons
}
Die CSS-Variable --d-selected stammt von der $selected-Farbe des Themes, aber der Text (.name, .desc) und die Symbole (.d-icon) behalten ihre Standardfarben, die möglicherweise nicht gut mit dem Auswahlhintergrund kontrastieren.
Screenshots
Umgebung
-
Discourse-Version: latest
-
Browser: Edge
-
Theme: Foundation Theme