Paul Kinlan
Chrome 在 2014 年推出了網站主題顏色概念。主題顏色是網頁的提示，可告知瀏覽器要以何種顏色為UI 元素 (例如網址列) 著色。
舉例來說，下方是這個網站在套用和未套用主題顏色時的樣貌。
問題是您必須在每個網頁上定義主題顏色，如果您擁有大型網站或舊版網站，那麼在網站上進行大量變更可能不切實際。
自 Chrome 46 版 (2015 年 9 月 Beta 版) 起，只要在資訊清單中加入 theme_color 屬性，當使用者從主畫面啟動網站時，系統就會自動將顏色套用至使用者在網域上瀏覽的每個網頁。
如果網頁已包含主題顏色中繼標記 (例如 <meta name="theme-color" content="#2196F3">)，系統會使用網頁層級設定，而非資訊清單中的值。
只要在資訊清單中加入 theme_color 屬性，並指定 HTML 顏色即可。
"theme_color": "#2196F3"
如要瞭解這項功能的運作方式，請前往 Airhorner - 全球最佳空氣喇叭，並將該應用程式新增至主畫面。或者查看網站的資訊清單。
常見問題
- 如果我的網站不是從主畫面啟動，這項異動是否仍適用？
是的。 - 是否會套用至整個網站，例如使用者只是瀏覽網站時？
目前不太可能，因為這樣一來，瀏覽器就必須更頻繁地下載資訊清單，而目前這項資源的優先順序較低。這項資訊會在使用者將網站新增至主畫面時進行剖析。