テーマとは、ブラウザの外観を変更する特別な拡張機能です。テーマは通常の拡張機能と同様にパッケージ化されますが、JavaScript や HTML コードは含まれていません。
Chrome ウェブストアでさまざまなテーマを見つけてお試しいただけます。
マニフェスト
テーマの 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 では、画像ではなく色合いをサポートしています。画像はプラットフォーム間で機能せず、新しいボタンを追加しても不安定なためです。「tints」フィールド内で使用できる文字列を確認するには、kTintTable をご覧ください。
色合いは色相-彩度-明度（HSL）形式で、0 ～ 1.0 の範囲の浮動小数点数を使用します。
- 色相は絶対値で、0 と 1 は赤です。
- 彩度は、現在提供されている画像を基準とします。0.5 は変化なし、0 は完全に彩度の低い、1 は完全な彩度です。
- 明度も相対的に設定され、0.5 は変化なし、0 はすべてのピクセルが黒、1 はすべてのピクセルが白です。
または、いずれかの HSL 値に -1.0 を使用して、「変更なし」を指定することもできます。