background_color - Web app manifests

Type	`String`
Mandatory	No

The background_color member defines a placeholder background color for the application page to display before its stylesheet is loaded. This value is used by the user agent to draw the background color of a shortcut when the manifest is available before the stylesheet has loaded.

Therefore background_color should match the background-color CSS property in the site’s stylesheet for a smooth transition between launching the web application and loading the site's content.

Note: The background_color member is only meant to improve the user experience while the main stylesheet is loading from the network or the storage media; it is not used by the user agent as the background-color CSS property when the progressive web app stylesheet is available.

Examples

"background_color": "red"

Specification

Specification	Status	Comment	Feedback
Web App Manifest The definition of 'background_color' in that specification.	Working Draft	Initial definition.	Web App Manifest Working Group drafts

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`background_color` Experimental	Chrome ?	Edge ?	Firefox ?	IE ?	Opera ?	Safari ?	WebView Android Full support 46 Notes Full support 46 Notes Notes Does not support `lang` or `scope`.	Chrome Android Full support 46 Notes Full support 46 Notes Notes Does not support `lang` or `scope`.	Firefox Android ?	Opera Android Full support Yes	Safari iOS ?	Samsung Internet Android Full support 5.0 Notes Full support 5.0 Notes Notes Does not support `lang` or `scope`.

Legend

Full support: Full support
Compatibility unknown: Compatibility unknown
Experimental. Expect behavior to change in the future.: Experimental. Expect behavior to change in the future.
See implementation notes.: See implementation notes.