Alterar cor da barra inferior do celular

Existe uma maneira fácil de alterar a cor da barra inferior em telefones Android. Atualmente, em paletas escuras, ela é branca e os controles também são muito claros, dificultando a visualização.

Não reproduzível com o Chrome:

Você poderia compartilhar mais detalhes para que possamos investigar isso adequadamente? Especificamente:

  • qual modelo de smartphone você está usando?
  • qual versão do Android ele está executando?
  • qual navegador (e versão) você está usando para acessar o site?
  • você está usando o PWA, ou talvez o aplicativo DiscourseHub?

Usando o pwa

Samsung galaxy s20 ultra

Olá :waving_hand:

Acho que é porque seu dispositivo não está no modo escuro. A barra de navegação inferior é um elemento nativo do Android, e o Discourse não a modifica, então sua cor corresponde às configurações do seu dispositivo.

4 curtidas

Quando visito qualquer outro site ou aplicativo, ele muda. É apenas o discourse

O Discourse funciona no navegador Chrome e utiliza as cores da paleta. É apenas o PWA que não funciona.

2 curtidas

Tem certeza disso?

Alternar entre o tema claro/escuro altera corretamente a cor da barra de navegação no meu Galaxy S23.

Não é, colega, usa uma cor do tema ou o que o site determina.

Acabei de fazer um teste e ele realmente usa a cor de fundo das paletas para mudar a barra inferior. O PWA é o problema em qualquer site do Discourse que eu uso

Como Don disse, seu dispositivo está configurado para o modo claro, não para o modo escuro. No entanto, o problema que você relatou parece ocorrer apenas ao usar o PWA, enquanto não ocorre ao acessar o fórum no modo escuro por meio de um navegador.

Não importa se está definido como claro ou escuro em qualquer outro site ou aplicativo que eu use, pois ele usa as cores definidas pelo site ou aplicativo.

Aqui estão mais exemplos.

O problema ocorre apenas no PWA porque o Android determina as cores da barra do sistema com base no arquivo manifest do site, e não no tema ou CSS da página.

No seu site comercial hospedado, não há como os clientes alterarem isso. O manifest deve ser servido a partir do domínio raiz do site. Quaisquer tentativas de carregar um manifest personalizado de uma fonte externa, ou de injetá-lo por meio de um tema ou JS, são bloqueadas pela Política de Segurança de Conteúdo do site, portanto, não funcionarão.

Alterar a cor da barra do sistema do PWA não é algo que possa ser feito do seu lado.

2 curtidas

Então você está dizendo que o PWA é inútil? Porque é impossível ver o botão de voltar e os botões na parte inferior.

Além disso, se este for o caso, como é que a parte superior da tela muda para as cores corretas onde está o relógio e o sinal, etc.? Certamente, se isso muda de cor, o manifesto pode realmente fazê-lo?

Sinceramente, não sei por que seus botões são tão claros. Não tenho esse problema no meu S Ultra 22.

De qualquer forma, abrirei uma discussão interna sobre este assunto, já que estamos trabalhando em esquemas de cores.

Você pode tentar instalar o PWA aqui
Https://www.carptalk.org

Por curiosidade: qual variável você alterou na paleta de cores?

É apenas no Discoure que eles são assim. Qualquer outro site está bom.

Curiosamente, ao instalar o PWA no iOS, não tenho nenhuma barra inferior… Acha que há alguma personalização acontecendo aqui?

A cor secundária. Posso mudar a cor da barra e da parte superior facilmente