テーマとは

テーマは、ブラウザの見た目を変える特別な拡張機能です。テーマは パッケージ化されますが、JavaScript や HTML コードは含まれません。

Chrome ウェブストアではテーマを豊富にご用意しています。

緑の植物のテーマ

愛の煙のテーマ

jus d'orange のテーマ

マニフェスト

テーマの manifest.json ファイルの例を次に示します。

{
  "manifest_version": 2,
  "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 を使用して、「変更なし」を指定することもできます。