Paul Kinlan
Chrome 在 2014 年為 Google 網站推出了主題色彩的概念。主題顏色是網頁提示，可讓瀏覽器判斷要為 UI 元素 (例如網址列) 上色的顏色。
舉例來說，下方網站已套用及未套用主題顏色。
問題是，您必須為每個網頁上的主題定義主題顏色。如果網站大型網站或舊版網站，您可能無法每次都對網站進行大量變更。
從 Chrome 46 (2015 年 9 月 Beta 版) 開始，在資訊清單中新增 theme_color 屬性後，系統就會從主畫面啟動網站，自動將使用者造訪您網域上的每個網頁套用該顏色。
如果網頁已有主題顏色中繼標記 (例如 <meta name="theme-color" content="#2196F3">)，系統會使用網頁層級設定，而非資訊清單中的值。
只要在資訊清單中新增 theme_color 屬性並指定 HTML 顏色即可。
"theme_color": "#2196F3"
如要查看實際運作情形，請造訪 Airhorner — 世界上最優秀的 Airhorn 並將其新增到主畫面。或者查看網站的資訊清單。
常見問題
- 如果網站不是從主畫面啟動，是否適用這項規定？
可以。 - 當使用者只瀏覽網路時，是否也會對整個網站套用新版政策？
與目前不同之處在於，瀏覽器需要更頻繁地下載資訊清單，且目前是低優先順序的素材資源。這段程式碼可在使用者將網站新增至主畫面時進行剖析。