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.
Parece que sua paleta de cores não é atualizada há algum tempo, porque essa não é a cor de seleção normal. Quando foi a última vez que você atualizou seu fórum?
Sim, este é provavelmente o caso — eu já vi situações como esta em que uma paleta de cores personalizada criada antes da adição de novas cores acaba com baixo contraste… @BrettH se você criar uma nova paleta de cores e usar essa, o problema persiste?
