上図のように、Chromeでテーマが選べるようになっていた。テーマを適用するには、Chromeでテーマギャラリーのページに行き、「テーマを適用」をクリックするだけ。クリックすると、特に再起動もなくテーマが変わる。
Google Chrome テーマ ギャラリー
このテーマを決めているのは、上の初音ミクを例にすると「at_hatunemiku.csx」っていうファイル。この中にいろんな情報やら素材が入っている。これはちょっとファイル名をいじくればわかる。
とりあえず「at_hatunemiku.csx」を「at_hatunemiku.zip」に書き換えて解凍してみる。するとこんな感じのものが出てくる。
manifest.jsonの中身(一行になってたので、インデントしてあるよ)。
{
"theme": {
"images": {
"theme_button_background":
"i\/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYoPgCDA",
"theme_tab_background":
"i\/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6_ACDA",
"theme_toolbar":
"i\/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYnfgCDA",
"theme_ntp_attribution":
"i\/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYhoADDA",
"theme_frame":
"i\/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYhYADDA",
"theme_ntp_background":
"i\/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYh4ADDA"
},
"colors": {
"ntp_section_text": [0, 0, 0],
"tab_text": [255, 255, 255],
"frame": [0, 172, 188],
"ntp_background": [246, 254, 255],
"ntp_link": [0, 0, 0],
"tab_background_text": [0, 0, 0],
"ntp_text": [0, 0, 0],
"ntp_section": [112, 229, 240, 0.2],
"ntp_section_link": [0, 0, 0],
"ntp_header": [112, 229, 240, 1],
"toolbar": [96, 96, 96],
"bookmark_text": [255, 255, 255]
},
"tints": {
"buttons": [0.001, 0, 0.5]
},
"properties": {
"ntp_background_repeat": "no-repeat",
"ntp_logo_alternate": 0,
"ntp_background_alignment": "top right"
}
},
"version": "2",
"name": "AT_HatsuneMiku"
}「i」というフォルダの中身。ファイル名に「.png」とかつけて開いてみれば画像だってわかる。
仕様とか作り方とかはとりあえず下記参照。作ってみてからなんか書くかも。
Creating a Theme in CRX format - Google Chrome Forums
Themes
