在 HTML 中，您可以像这样定义主题颜色：
<meta name="theme-color" content="#ff0000">
在 Android Chrome 等移动浏览器上，这将改变地址栏的颜色。但是在使用暗模式时，这个值会被简单地忽略（在撰写本文时）。为此比较以下两个图像，第一个具有（默认）亮模式，第二个具有暗模式。
有没有办法为暗模式定义主题颜色？理想情况下有两种不同的颜色——一种用于浅色模式，一种用于深色模式？
问问题
2515 次
2 回答
7
在撰写本文时，无法更改它。Chrome 错误跟踪器中有一个问题：https ://bugs.chromium.org/p/chromium/issues/detail?id=980790
于 2019-10-08T12:18:10.880 回答
0
现在有可能了。您可以在 media 属性中提供媒体类型或查询；仅当媒体条件为真时才会设置颜色。例如：
<meta name="theme-color" media="(prefers-color-scheme: light)"
content="white">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="black">
于 2021-08-24T09:49:40.823 回答