Paul Kinlan
Chrome 在 2014 年为您的网站引入了主题颜色这一概念。主题颜色是来自您的网页的提示，用于告知浏览器使用什么颜色来为地址栏等界面元素着色。
例如，下面是应用和未应用主题颜色的同一网站。
问题在于，您必须在每个网页上定义主题颜色，并且如果您拥有的是大型网站或旧版网站，进行大量全站更改并不总是可行。
从 Chrome 46（2015 年 9 月 Beta 版）开始，向清单添加 theme_color 属性后，当用户从主屏幕启动网站时，系统会自动将该颜色应用于用户访问您网域中的每个网页。
如果您的网页已有主题颜色元标记（例如 <meta name="theme-color" content="#2196F3">），则系统会使用网页级配置，而不是清单中的值。
只需将 theme_color 属性添加到清单中，然后指定 HTML 颜色即可。
"theme_color": "#2196F3"
如需了解此功能的实际应用，请访问 Airhorner - 世界上最好的汽笛，并将其添加到主屏幕。或者，查看网站的清单文件。
常见问题解答
- 如果我的网站不是从主屏幕启动，这是否适用？
是的。 - 它是否会应用于我的整个网站，例如在用户只是浏览时？
目前不太可能，因为这样做意味着浏览器必须更频繁地下载清单，而清单目前是低优先级的资源。系统会在用户将网站添加到主屏幕时解析此属性。