background_color

Type String
Mandatory No
Example
"background_color": "red"

The background_color member defines a placeholeder 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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung 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 YesSafari iOS ? Samsung Internet Android ?

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.

Document Tags and Contributors

Contributors to this page: wbamberg, ExE-Boss, chrisdavidmills, bershanskiy
Last updated by: wbamberg,