如何在具有深色主题的 android 上更改 chrome 中状态栏的颜色?

时间:2021-07-08 16:33:55

标签: html google-chrome progressive-web-apps statusbar manifest.json

我遇到了这样的问题 - 尽管有清单和元标记,当我为 android 启用深色主题时,我网站上方的状态栏不会变成所需的颜色(黑色),但始终保持灰色。使用浅色主题时,问题消失。任何人都可以遇到类似的并知道如何解决它?

元标记

<meta name="theme-color" content="#000000" />

manifest.json 的一部分

{
    "theme_color": "#000000",
    "background_color": "#000000"
}

以下是深色和浅色主题的照片:

Dark theme, status bar for some reason gray

Light theme, status bar black, as it should be

1 个答案:

答案 0 :(得分:0)

好的解决方案是

  1. 在会话/浏览器 cookie 中保存颜色并更改 HTML 颜色值

  2. 更改 manifest.json 文件(在服务器上) - 但这不是一个好主意,因为 manifest.json 被缓存(通常他们会更新它 24 hours