テーマとは

テーマは、ブラウザの見た目を変える特別な拡張機能です。テーマは パッケージ化されますが、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 では、画像ではなく色合いがサポートされています。画像はプラットフォーム間で機能しないためです。 新しいボタンを追加すると脆弱になります 「色合い」kTintTable をご覧ください。

色合いは色相 - 彩度 - 明度（HSL）形式であり、0 ～ 1.0：

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

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