什麼是主題?

主題是一種特殊的擴充功能,可變更瀏覽器的外觀。主題會像一般擴充功能一樣封裝,但不會包含 JavaScript 或 HTML 程式碼。

主題的上傳程序與擴充功能相同。上傳期間,系統會要求你選取類別。您可以在 Chrome 線上應用程式商店說明文件的「最佳做法」下方,找到主題類別清單。

你可以前往 Chrome 線上應用程式商店尋找及試用各種主題。

綠色植物主題

喜歡煙霧主題

jus d'orange 主題

資訊清單

以下是主題的 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 支援色調,但不支援圖片,因為圖片無法跨平台運作,且在新增按鈕的情況下不穩定。如要查看可在「tints」欄位中使用的字串,請參閱 kTintTable

色調以色調-飽和度-亮度 (HSL) 格式呈現,使用 0 到 1.0 之間的浮點數:

  • 色調是絕對值,0 和 1 代表紅色。
  • 飽和度是相對於目前提供的圖片。0.5 代表「沒有變更」,0 代表「完全去飽和」,1 代表「完全飽和」
  • 亮度也是相對值,0.5 代表「沒有變化」,0 代表「所有像素皆為黑色」,1 代表「所有像素皆為白色」

您也可以使用 -1.0 做為任何 HSL 值,指定「不變」