[Heather]

it seems these 2 fields are missing from the official PWA app and they are both hardcoded to #fff for some reason?

PWA

[Beverly]

"background_color": "#fff",
"theme_color": "#fff",

this is what I seen after scanning the manifest.json on PWA Builder.

[Joshua]

also unrelated but I would rather use "display": "standalone", instead of "display": "minimal-ui", but that one also seems hardcoded?

[Emma]

update, seems the Super PWA app supports the colors:

Super Progressive Web Apps

screenshot

https://ps.w.org/super-progressive-web-apps/assets/screenshot-1.png?rev=2002515

[Samuel]

Super PWA also supports Standalone display too btw, it’s the default display mode.

[Raymond]

https://github.com/w3c/manifest/issues/975

dark mode colors might be getting approved too by W3C.

[Anthony]

Expose the Web App Manifest display member as setting in admin #970

https://github.com/GoogleChromeLabs/pwa-wp/issues/970

[Kelly]

FYI,

Just discovered the official plugin also supports these fields but it requires custom PHP filters to be added in your theme functions.php or using a code snippet plugin:

https://github.com/GoogleChromeLabs/pwa-wp/wiki/Web-App-Manifest

example:

add_filter( 'web_app_manifest', function( $manifest ) {
$manifest['theme_color'] = '#0073AA';
return $manifest;
} );

[Author]

Posts