Chrome主题的结构
从上面的分析大概可以看出一个主题由manifest.json文件以及几个图片组成,更清晰的结构应该类似于下面:
manifest.json文件内容:
{
"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"
}
}
}
在这里假设此主题名字为camo,所有文件放在一个叫camo的文件夹中,包括一个manifest.json文件以及一个包含所用图片的images文件夹。分析manifest.json的内容不难理解,一个Chrome 主题包括版本定义,名称,主题元素定义几个部分,每层定义以大括号括起来,每个主题要定义图片,颜色,色调,属性几个部分内容。而这些属性项目的定义在哪里呢?可以参考以下内容: