Html5-boilerplate: Adicionar meta tag de cor de tema a index.html

Criado em 4 out. 2018  ·  12Comentários  ·  Fonte: h5bp/html5-boilerplate

Estou enviando um...

  • [ ] relatório de erro
  • [x] solicitação de recurso
  • [ ] outro (Por favor, não envie solicitações de suporte aqui (abaixo))

O Chrome para Android e Samsung Internet suporta a metatag <meta name="theme-color" content="#3c790a"> .
https://caniuse.com/#feat =meta-theme-color

Cobrimos isso brevemente em nossos documentos ( https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/extend.md#theme-color ), mas acho que a meta tag agora deve ser incluída no modelo padrão index.html . O Chrome para Android tem uma enorme participação no mercado de navegadores (33%) e adicionar uma cor de tema é uma adição útil para todos os sites e aplicativos da web.

enhancement

Comentários muito úteis

Como complemento para @coliff , #fafafa é a recomendação do Google de cor de fundo para transmitir um bom contraste contra cartões brancos puros que possuem sombras.

Dê uma olhada no exemplo a seguir do site oficial do Material Design.
A cor de fundo por trás dos cartões é, na verdade, #fafafa.

Background colour example

Todos 12 comentários

Eu gosto da ideia. Precisamos escolher algo benigno para o valor padrão.

ou... Rosa quente?

Hot Pink tem sido a tradição de H5BP. Essa não era a cor de seleção de texto padrão uma vez?

ha. Acho que muitas pessoas podem não pensar em mudá-lo, então acho que um cinza claro pode ser o melhor.

@jonathantneal Foi. Foi removido na versão 4.0 com 91 comentários no commit!

image

Sim... essa também era a tradição... de depois retirá-la exatamente por isso... Mmm... memórias...

Sim, provavelmente não é rosa choque 😄

O web.manifest PR #2060 alterado que temos tem theme_color como #fafafa - quase branco. Eu sugiro que vamos com isso. Tudo bem? o que quer que escolhamos, o theme_color deve corresponder tanto no web.manifest quanto na metatag HTML.

Isso agora é abordado no PR #2074

Como complemento para @coliff , #fafafa é a recomendação do Google de cor de fundo para transmitir um bom contraste contra cartões brancos puros que possuem sombras.

Dê uma olhada no exemplo a seguir do site oficial do Material Design.
A cor de fundo por trás dos cartões é, na verdade, #fafafa.

Background colour example

Adicionado em #2074.

Finalmente!

Esta página foi útil?
0 / 5 - 0 avaliações