主題是一種特殊的擴充功能,可變更瀏覽器的外觀。主題與一般擴充功能一樣封裝,但不含 JavaScript 或 HTML 程式碼。
使用與擴充功能相同的程序將主題上傳至 Chrome 線上應用程式商店。上傳期間,系統會要求你選取類別。您可以在 Chrome 線上應用程式商店說明文件的最佳做法中查看主題類別清單。
如要尋找並試用各式各樣的主題,請前往 Chrome 線上應用程式商店。
資訊清單
以下是主題的 manifest.json
檔案範例:
{
"manifest_version": 3,
"version": "2.6",
"name": "camo theme",
"theme": {
"images" : {
"theme_frame" : "images/theme_frame_camo.png",
"theme_frame_overlay" : "images/theme_frame_stripe.png",
"theme_toolbar" : "images/theme_toolbar_camo.png",
"theme_ntp_background" : "images/theme_ntp_background_norepeat.png",
"theme_ntp_attribution" : "images/attribution.png"
},
"colors" : {
"frame" : [71, 105, 91],
"toolbar" : [207, 221, 192],
"ntp_text" : [20, 40, 0],
"ntp_link" : [36, 70, 0],
"ntp_section" : [207, 221, 192],
"button_background" : [255, 255, 255]
},
"tints" : {
"buttons" : [0.33, 0.5, 0.47]
},
"properties" : {
"ntp_background_alignment" : "bottom"
}
}
}
顏色
色彩會以 RGB 格式呈現。如要尋找「colors」欄位中可使用的字串,請參閱 kOverwritableColorTable
。
圖片
圖片資源使用相對於擴充功能根路徑的路徑。您可以覆寫 kPersistingImages
中由字串指定的任何映像檔。所有圖片都必須以 PNG 格式儲存,否則無法正確顯示。
資源
這個欄位可讓您指定屬性,例如背景對齊、背景重複功能和替代標誌。如要查看屬性和可具備的值,請參閱 kDisplayProperties
。
色調
您可以指定要套用至 UI 部分的色調,例如按鈕、頁框和背景分頁。Google Chrome 支援著色,而非圖片,因為圖片無法在跨平台顯示,而且在新增按鈕時十分粗細。如要尋找「色調」欄位中可使用的字串,請參閱 kTintTable
。
色調為色調-飽和度-亮度 (HSL) 格式,使用介於 0 到 1.0 之間的浮點數:
- 「Hue」是絕對值,其中 0 和 1 代表紅色。
- 「飽和度」是相對於目前提供的圖片。0.5 表示「沒有變化」,0 表示「非常低飽和度」,1 為「完整飽和度」。
- 亮度也是相對的,0.5 表示「沒有變化」,0 為「所有像素」,1 為「所有像素的白色」。
或者,您可以針對任何 HSL 值使用 -1.0
,以指定「無變更」。