思いついたときに書く不定期な日記です。 ヲタな話がメインです。その他ちょっとは役に立ちそうなことも書いてみようと思ってます。
Googleのブラウザ、Chromeのテーマを自分で作ってみたいと思い、ちょっと調べてみました。
日本語でそのものズバリ書いてあるサイトは見つけられませんでしたが、英語サイトに良いのがあったので、それを参考に試してみました。
まだ、全部の意味を理解していませんが、なんとなくそれっぽいものは出来ました。
なので、メモ書きとして記しておこうと思います。

Themeの作り方

1.テーマを入れるフォルダを作る 例:c:\MyTheme
2.画像データを入れるフォルダを作る 例:c:\MyTheme\Image
3.マニフェストファイルを作る。 c:\MyTheme\manifest.json
http://code.google.com/chrome/extensions/themes.html
  例:
{
"name": "Test01", ← 名前
"theme": {
"colors": { ← 色指定
"bookmark_text": [ 0, 0, 0 ],
"frame": [ 66, 111, 190 ], ← 一番後ろの色
"ntp_background": [ 255, 255, 255 ], ← サムネイルが表示される背景
"ntp_header": [ 35, 70, 145, 1 ], ← サムネイルの枠
"ntp_link": [ 0, 0, 0 ],
"ntp_section": [ 228, 237, 255, 0.8 ], ← 最近閉じたタブなどが書いてあるところ、最後は透明度?
"ntp_section_link": [ 0, 0, 0 ],
"ntp_section_text": [ 0, 0, 0 ],
"ntp_text": [ 0, 0, 0 ],
"tab_background_text": [ 0, 0, 0 ],
"tab_text": [ 0, 0, 0 ],
"toolbar": [ 237, 244, 253 ] ← タブの色に関係?
},
"images": { ← グラフィックデータの指定
"theme_frame": "Image/frame.png", ← 一番上の部分
"theme_frame_overlay": "Image/frame_overlay.png", ← 一番上の部分(これが見える)
"theme_ntp_attribution": "Image/ntp_attr.png", ← 制作者ロゴ
"theme_ntp_background": "Image/ntp_back.png", ← メイン部分に大きく表示される絵
"theme_tab_background": "Image/tab_back.png", ← よくわからない
"theme_toolbar": "Image/toolbar.png" ← 各種ボタン、URL等が表示されているところ
},
"properties": { ← 設定
"ntp_background_alignment": "bottom", ← サイズが変わったときにどこを基準に動くか
"ntp_background_repeat": "no-repeat", ← ntp_backgroundの絵を繰り返すかどうか
"ntp_logo_alternate": 0
},
"tints": { ←?
"buttons": [ 0.577, 0.718, 0.506 ]
}
},
"version": "3"
}

4.Chromeを全部閉じる
5.コマンドラインで
  chrome --pack-extension="c:\MyTheme" を実行すると MyTheme.crx と MyTheme.pem ファイルが出来る。
6.2回目以降、CRXファイルを変更したらkeyが必要なので
  chrome --pack-extension="c:\MyTheme" --pack-extension-key="c:\MyTheme.pem"

適用したテーマは
c:\Document and Settings\名前\Local Settings\Applicatin Data\Google\Chrome\User Data\Default\Extensions\
の中に変な名前に変えられて入ってます。その中をあさってグラフィックデータを見ればいろいろ分かるかと思います。

ちなみに習作として作ってみたのはBerryz工房のテーマです。
http://usachan-peace.jpn.org/hello/Theme_Berryz.crx
スポンサーサイト
コメント
この記事へのコメント
6の
 chrome --pack-extension="c:MyTheme" --pack-extension-key="c:MyTheme.pen"


[岩陰]_・。) pen → pem 
2009/12/16(水) 15:28 | URL | [岩陰]_・。) #-[ 編集]
ご指摘ありがとうございます。
2009/12/16(水) 21:27 | URL | YAS #-[ 編集]
"theme_tab_background": "Image/tab_back.png",
ここはアクティブでないタブのところの画像みたいですね
2009/12/25(金) 17:36 | URL | 老婆 #e7tQhUNc[ 編集]
なるほど、そうなんですね。
ありがとうございます。m(_ _)m
2009/12/31(木) 17:40 | URL | YAS #-[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://yas4.blog10.fc2.com/tb.php/449-47da9290
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック