テーマとは

テーマは、ブラウザの外観を変更する特別な種類の拡張機能です。テーマは通常の拡張機能と同様にパッケージ化されますが、JavaScript コードや HTML コードは含まれません。

テーマは、拡張機能と同じ手順で Chrome ウェブストアにアップロードします。アップロード時に、カテゴリを選択するよう求められます。テーマのカテゴリのリストについては、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 の範囲の浮動小数点数を使用します。

  • Hue は絶対値で、0 と 1 は赤です。
  • 彩度は、現在指定されている画像を基準としています。0.5 は変更なし、0 は完全に飽和状態、1 は完全に飽和状態です。
  • 明るさも相対的な値で、0.5 は変化なし、0 はすべてのピクセルが黒、1 はすべてのピクセルが白です。

または、任意の HSL 値に -1.0 を使用して、変更なしを指定することもできます。