Как изменить цвет белой панели навигации, чтобы он соответствовал цвету сайта? ⇐ CSS

[Anonymous]

Я пытаюсь изменить цвет панели навигации на мобильных устройствах, чтобы он соответствовал цвету темы моего веб-сайта, но это не работает должным образом. Панель навигации остается белой, несмотря на использование нескольких методов, таких как метатеги и файл манифеста.json. На других веб-сайтах цвет панели навигации правильно соответствует цвету темы веб-сайта, но в моем случае он остался белым по умолчанию.
Вот код, который я использовал:
HTML-руководитель:

Код: Выделить всё

React App

Файл манифеста:

Код: Выделить всё

{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#4285f4",
"background_color": "#4285f4"
}

Несмотря на использование этих метатегов и настроек манифеста, панель навигации по-прежнему остается белой и не соответствует цвету, определенному в theme-color. Для справки я также включил скриншот, показывающий проблему:


Кто-нибудь сталкивался с подобной проблемой или знает, как ее исправить? Есть какие-нибудь предложения о том, как обеспечить соответствие цвета панели навигации цвету веб-сайта на мобильных устройствах?

Подробнее здесь: https://stackoverflow.com/questions/793 ... site-color