「主題」是一種特殊的擴充功能,可以改變瀏覽器的外觀。主題是 與一般擴充功能相同,但不含 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 格式提供顏色。你可以找出可用在「顏色」中的字串欄位,請參閱 kOverwritableColorTable
。
圖片
圖片資源會使用擴充功能根層級的相對路徑。您可覆寫任何圖片 由 kPersistingImages
中的字串指定。所有圖片都必須以 PNG 格式儲存 的格式,否則無法正常顯示。
資源
這個欄位可讓您指定背景對齊、背景重複及 替代標誌如要查看屬性和可能的值,請參閱 kDisplayProperties
。
色調
可以指定要套用至 UI 部分 (例如按鈕、外框和 背景分頁。Google Chrome 支援色調而非圖片,因為圖片無法跨平台顯示 而且適合新增按鈕。如要找出您可以在 「色調」欄位,請參閱 kTintTable
。
色調均採用 Hue-Saturation-Lightness (HSL) 格式,使用範圍為 0 至 的浮點數 1.0:
- 「Hue」是絕對值,0 和 1 為紅色。
- 「飽和度」與目前提供的圖片相關。0.5 沒有變化,0 為完全不變 低飽和度,1 則是完整飽和度。
- 亮度也是相對的,0.5 代表「沒有變化」,0 代表「所有像素」,1 則代表「全部」 像素 (白色)。
或者,您也可以針對任何 HSL 值使用 -1.0
,藉此指定「無變更」。