Is it possible to change the color of the upper part of the clock where the charge is shown and the area where the arrow keys are located in mobile applications?
I believe you’re referring to the theme_color: https://developer.mozilla.org/en-US/docs/Web/Manifest/theme_color
You can see the logic for obtaining the default theme color here: https://github.com/GoogleChromeLabs/pwa-wp/blob/ecad71d76c9cb3db77a6d9ebf81f36249b59d677/wp-includes/class-wp-web-app-manifest.php#L138-L166
In short, it defaults to the custom background color.
You can override the default with plugin code like as following:
add_filter(
'web_app_manifest',
function ( $data ) {
$data['theme_color'] = '#FF0000';
return $data;
}
);
A final question: Do users need to delete and reinstall the PWA application for the changes to appear?
No. The manifest should be automatically re-checked every 24 hours for changes. See https://web.dev/manifest-updates/
