Ao usar o menu suspenso de notificação de tópico (Watching/Tracking/Normal/Muted), o texto e o ícone do item atualmente selecionado ficam invisíveis devido ao contraste insuficiente entre a cor de fundo da seleção e as cores de primeiro plano.
Passos para reproduzir
-
Abra qualquer tópico
-
Clique no botão do sino de notificação na parte inferior do tópico
-
Observe o nível de notificação atualmente selecionado (ex: “Tracking”)
Comportamento esperado
O item selecionado deve ter texto e ícone claramente visíveis com bom contraste.
Comportamento atual
-
O rótulo de texto desaparece ou se torna muito difícil de ler
-
O ícone do sino fica invisível
-
O problema é mais perceptível em temas escuros, mas pode afetar qualquer tema dependendo da paleta de cores
Detalhes técnicos
Em app/assets/stylesheets/common/select-kit/select-kit.scss, o estado .is-selected define apenas a cor de fundo sem garantir o contraste de primeiro plano:
&.is-selected,
&.is-selected.is-highlighted {
background: var(--d-selected);
// Nenhuma substituição de cor para texto ou ícones
}
A variável CSS --d-selected vem da cor $selected do tema, mas o texto (.name, .desc) e os ícones (.d-icon) mantêm suas cores padrão, que podem não contrastar bem com o fundo da seleção.
Capturas de tela
Ambiente
-
Versão do Discourse: latest
-
Navegador: Edge
-
Tema: Tema Foundation