App iOS: baixa visibilidade dos botões da barra inferior em algumas combinações de cores

Acho difícil ver os botões da barra de botões no Discourse abaixo. Talvez a cor do ícone pudesse ser definida de maneira diferente?

selectbutton.net

3 curtidas

@pmusaraj alguma ideia?

2 curtidas

Além disso, os ícones de esquerda/direita parecem ter uma cor diferente — ainda menos visível — do que os ícones de link/baixar?

edit: ah, as cores diferentes indicam habilitado/desabilitado

Ainda é um problema para mim

Obrigado pela lembrança, @gingerbeardman. Me cadastrei no site para testar isso. Este não é o tema padrão do site; na verdade, o site possui vários temas coloridos, e levei alguns minutos para encontrar este tema específico.

De qualquer forma, há alguma chance de você propor aos administradores do site uma mudança sutil de CSS para este tema?

Eles podem modificar a variável de cor header primary e alterá-la para um verde mais claro. Isso afetaria também o cabeçalho, mas seria útil, pois os botões no cabeçalho poderiam usar um pouco mais de contraste.

Ou, se eles precisarem manter a cor desse botão no cabeçalho, poderiam aumentar a opacidade do fundo da barra inferior (para combinar com o cabeçalho) usando:

// sobrescreve a opacidade do fundo, originalmente em footer-nav.scss
@supports (-webkit-backdrop-filter: blur(10px)) {
  body:not(.footer-nav-ipad) .footer-nav {
    background-color: $header_background;
  }
}

Isso resultaria em algo assim (o contraste ainda seria insuficiente, na minha opinião):

2 curtidas

Oh! Não percebi que havia tantos outros temas. Vou tentar um diferente. Obrigado.

Talvez uma solução fosse usar a cor, mas aplicar algum filtro CSS para alterá-la, em vez de fazer transparências com alfa?