Manifest theme_color 与 background_color 支持

theme_color 设定已安装 PWA 周边界面（标题栏、任务切换器）的颜色，background_color 设定页面加载期间（包括启动画面）显示在页面背后的颜色。浏览器在每次页面加载时都会抓取并处理 manifest，并可以把更新后的颜色应用到当前和之后的应用上下文，因此两个值都不是安装时一次性固定的。

下表覆盖 MDN browser-compat-data 中的 background_color 条目，每一行的脚注都有注明。theme_color 的支持在 Safari 上有所不同：Safari 实现了 theme_color（macOS Safari 17，iOS Safari 15），但没有实现 background_color。

• 图例
• 支持
• 部分支持
• 需开启标志
• 不支持
• 未知

浏览器 / 平台	支持	版本	置信度	来源	备注
Chrome (Desktop)	支持	46	高	来源	1
Chrome (Android)	支持	46	高	来源	23
Edge (Desktop)	支持	79	高	来源	45
Firefox (Desktop)	不支持	—	高	来源	67
Firefox (Android)	支持	79	高	来源	8
Safari (macOS)	支持	17	高	来源	9
Safari (iOS)	支持	15	高	来源	10
Samsung Internet	支持	5.0	高	来源	1112
WebView (Android)	支持	46	高	来源	1314
Chrome (Desktop)	支持	46	高	来源	15
Chrome (Android)	支持	46	高	来源	1617
Edge (Desktop)	支持	79	高	来源	1819
Firefox (Desktop)	不支持	—	高	来源	2021
Firefox (Android)	支持	79	高	来源	22
Safari (macOS)	不支持	—	高	来源	2324
Safari (iOS)	不支持	—	高	来源	252627
Samsung Internet	支持	5.0	高	来源	2829
WebView (Android)	支持	46	高	来源	3031

1. 对应 `theme_color` 条目。
2. 对应 `theme_color` 条目。
3. 由 browser-compat-data 镜像自 Chrome 的数据推导。
4. 对应 `theme_color` 条目。
5. 由 browser-compat-data 镜像自 Chrome 的数据推导。
6. 对应 `theme_color` 条目。
7. browser-compat-data 未记录 Firefox 的支持。
8. 对应 `theme_color` 条目。
9. 对应 `theme_color` 条目。
10. 对应 `theme_color` 条目。
11. 对应 `theme_color` 条目。
12. 由 browser-compat-data 镜像自 Chrome Android 的数据推导。
13. 对应 `theme_color` 条目。
14. 由 browser-compat-data 镜像自 Chrome Android 的数据推导。
15. 对应 `background_color` 条目。
16. 对应 `background_color` 条目。
17. 由 browser-compat-data 镜像自 Chrome 的数据推导。
18. 对应 `background_color` 条目。
19. 由 browser-compat-data 镜像自 Chrome 的数据推导。
20. 对应 `background_color` 条目。
21. browser-compat-data 未记录 Firefox 的支持。
22. 对应 `background_color` 条目。
23. 对应 `background_color` 条目。
24. browser-compat-data 未记录 Safari 的支持。
25. 对应 `background_color` 条目。
26. browser-compat-data 未记录 iOS 版 Safari 的支持。
27. 由 browser-compat-data 镜像自 Safari 的数据推导。
28. 对应 `background_color` 条目。
29. 由 browser-compat-data 镜像自 Chrome Android 的数据推导。
30. 对应 `background_color` 条目。
31. 由 browser-compat-data 镜像自 Chrome Android 的数据推导。

源数据: /compatibility/manifest-theme-background-color.json · 全球使用占比: 83 % (StatCounter 2026-05)

来源: 规范 · MDN · 最近核验 2026-10-03 · 置信度: 高 (由来源计算)

取值规则

两个成员都接受能解析并转换为 sRGB 的 CSS <color> 值，因此 lab()、color(display-p3 …) 等预定义色彩空间与十六进制、RGB、命名颜色一样合法；自定义属性和渐变不是 <color> 值。<meta name="theme-color"> 元素（可配合 prefers-color-scheme 媒体查询）会覆盖该文档的 manifest theme_color，浏览器也可能忽略 theme_color 的 alpha 通道（MDN）。

另请参阅

• Manifest theme_color 与 background_color
• Web Application Manifest: theme_color member（w3c.github.io）
• theme_color（developer.mozilla.org）
• background_color（developer.mozilla.org）