El área alrededor de su página, la barra de direcciones y el marco de la ventana, tienen un color propio. theme-color le entrega al motor su muestra y funciona en todas partes para obtener una increíble cantidad de pulido por línea.
<meta name="theme-color" content="#ffffff" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0b0b10" />- Múltiples declaraciones con diferentes consultas de medios permiten que una paleta muestre colores claros y oscuros; Los motores que ignoran los medios simplemente toman la primera declaración, razón por la cual el valor de luz segura va primero.
- Cambia el color del entorno, no de la página: lo que se pinta difiere entre los motores, así que fíjate una vez en cada plataforma que tus lectores realmente utilicen.
- Las aplicaciones web instaladas configuran un campo theme_color de manifiesto independiente; mantenga los dos en la misma revisión para que la aplicación instalada y el sitio visitado coincidan.
Elige colores que pertenezcan
La muestra debe leerse como la página: una banda de alto contraste alrededor de un documento de bajo contraste parece un error, y un tono medio de la paleta de la marca generalmente supera a un color protagonista saturado. Pruebe el fondo del encabezado en lugar del logotipo; el entorno está más cerca de una pared que de una camisa, una distinción realmente gacor que los diseñadores detectan al instante.
Una línea, verificada una vez con un teléfono y otra en modo oscuro, y la página parece terminada en el shell de la aplicación para siempre.