主题是一种特殊的扩展程序,可更改浏览器的外观。主题的打包方式与常规扩展程序相同,但不包含 JavaScript 或 HTML 代码。
主题是使用与扩展程序相同的流程上传到 Chrome 应用商店的。上传过程中,系统会要求您选择一个类别。您可以在 Chrome 应用商店文档的“最佳实践”下找到主题类别列表。
您可以在 Chrome 应用商店中查找和试用各种主题。
清单
以下是主题的 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
。
色调
您可以指定要应用于界面部分(例如按钮、框架和背景标签页)的色调。Google Chrome 支持色调,而不是图片,因为图片无法跨平台使用,并且在添加新按钮时会出现问题。如需查找可以在“tints”字段中使用的字符串,请参阅 kTintTable
。
色调采用色调-饱和度-亮度 (HSL) 格式,使用介于 0 到 1.0 之间的浮点数:
- 色调是一个绝对值,0 和 1 表示红色。
- 饱和度是相对于当前提供的图片而言的。0.5 表示无变化,0 表示完全去饱和,1 表示完全饱和。
- 亮度也是相对的,其中 0.5 表示无变化,0 表示所有像素为黑色,1 表示所有像素为白色。
或者,您也可以为任何 HSL 值使用 -1.0
来指定无变化。