Html5-boilerplate: Agregar metaetiqueta de color de tema a index.html

Creado en 4 oct. 2018  ·  12Comentarios  ·  Fuente: h5bp/html5-boilerplate

Estoy enviando un...

  • [ ] informe de error
  • [x] solicitud de función
  • [ ] otro (no envíe solicitudes de soporte aquí (abajo))

Chrome para Android y Samsung Internet admite la metaetiqueta <meta name="theme-color" content="#3c790a"> .
https://caniuse.com/#feat =meta-tema-color

Cubrimos esto brevemente en nuestros documentos (https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/extend.md#theme-color) pero creo que la metaetiqueta ahora debería incluirse en el plantilla predeterminada index.html . Chrome para Android tiene una gran participación en el mercado de navegadores (33 %) y agregar un color de tema es una adición útil para todos los sitios web y aplicaciones web.

enhancement

Comentario más útil

Como complemento de @coliff , #fafafa es la recomendación de color de fondo de Google para transmitir un bonito contraste con las tarjetas de color blanco puro que tienen sombras.

Eche un vistazo al siguiente ejemplo del sitio web oficial de Material Design.
El color de fondo detrás de las tarjetas es, de hecho, #fafafa.

Background colour example

Todos 12 comentarios

Me gusta la idea. Necesitamos elegir algo benigno para el valor predeterminado.

o... ¿rosa fuerte?

Hot Pink ha sido la tradición de H5BP. ¿No fue ese el color de selección de texto predeterminado una vez?

decir ah. Sin embargo, creo que muchas personas no pensarán en cambiarlo, así que creo que un gris claro podría ser lo mejor.

@jonathantneal Lo fue. ¡Se eliminó en 4.0 con 91 comentarios en la confirmación!

image

Si… esa también era la tradición… para después quitarlo precisamente por eso… Mmm… recuerdos…

Sí, probablemente no sea rosa intenso 😄

El web.manifest modificado PR #2060 que tenemos tiene theme_color como #fafafa - casi blanco. Sugiero que vayamos con eso. ¿Eso esta bien? elijamos lo que elijamos, theme_color debe coincidir tanto en web.manifest como en la metaetiqueta HTML.

Esto ahora se aborda en PR #2074

Como complemento de @coliff , #fafafa es la recomendación de color de fondo de Google para transmitir un bonito contraste con las tarjetas de color blanco puro que tienen sombras.

Eche un vistazo al siguiente ejemplo del sitio web oficial de Material Design.
El color de fondo detrás de las tarjetas es, de hecho, #fafafa.

Background colour example

Añadido en #2074.

¡Finalmente!

¿Fue útil esta página
0 / 5 - 0 calificaciones