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 - 全球最佳空氣喇叭，並將該應用程式新增至主畫面。或者查看網站的資訊清單。
常見問題
- 如果我的網站不是從主畫面啟動，是否也適用這項規定？
是的。 - 是否會套用至整個網站，例如使用者只是瀏覽網站時？
目前瀏覽器必須提高資訊清單下載頻率，但目前該資訊清單的優先度較低，這點與目前情況不同。這項資訊會在使用者將網站新增至主畫面時進行剖析。