theme_color vs background_color (manifiesto)
En un manifiesto de aplicación web, theme_color tiñe la interfaz del sistema operativo alrededor de tu app instalada (la barra de estado y la zona del título) mientras que background_color pinta la pantalla de bienvenida que se muestra mientras la app carga, antes de que se aplique tu CSS. Son campos distintos para momentos distintos. La etiqueta <meta name="theme-color"> hace el trabajo de theme_color para una pestaña normal del navegador.
Dos colores, dos momentos
theme_color se muestra mientras tu app se ejecuta: el SO lo usa para teñir el chrome alrededor de la ventana, como la barra de estado y la zona del título. background_color se muestra antes. Es el color plano de la pantalla de bienvenida que el SO dibuja mientras la app todavía está cargando, antes de que se haya aplicado nada de tu CSS.
Establecer background_color aproximadamente al fondo de tu página hace que el lanzamiento se sienta continuo; dejarlo por defecto te da un destello blanco antes de que tu app se renderice.
Cuál es cuál
| Campo | Cuándo se muestra | Qué colorea |
|---|---|---|
| theme_color | App en ejecución | Interfaz del SO, barra de estado |
| background_color | Durante el lanzamiento | La pantalla de bienvenida |
Preguntas frecuentes sobre los colores del manifiesto
¿Cuál es la diferencia entre theme_color y background_color?
theme_color tiñe la interfaz del SO alrededor de una app instalada en ejecución; background_color es el color de la pantalla de bienvenida que se muestra mientras la app todavía se está lanzando. Distintas superficies, distintos momentos.
¿Por qué la pantalla de bienvenida de mi PWA tiene el color equivocado?
Ese color viene de background_color en el manifiesto. Ajústalo para que coincida con el fondo de tu app para que no haya un destello brusco antes de que cargue tu CSS.
¿Sigo necesitando la etiqueta meta theme-color?
Sí, para las pestañas normales del navegador. El theme_color del manifiesto solo se aplica a la app instalada. Mantén la etiqueta meta y el valor del manifiesto sincronizados.