[译].Google Chrome extensions(实验室).界面.主题
2010-04-02 23:59
253 查看
主题
主题是一个改变浏览器外观的扩展。主题扩展像一般的扩展一样打包起来,但是其中不包含JavaScript和HTML代码。
你可以在主题展览馆里找到很多的主题。
Manifest
这是一个定制主题扩展的manifest.json文件:
[/code]
颜色
RGB格式。到
图片
图片URL必须为到扩展目录的相对路径。你可以覆盖在任何在
属性
可配置例如background的对齐、重复等方式,还有备用标识。
色彩(Tints)
你可以指定类似于按钮、框架、标签背景等等部分浏览器UI的色彩,Chrome可以支持色彩,不支持图片,毕竟图片在跨平台支持不好而且如果添加按钮的话会比较脆弱。到
Tints是Hue-Saturation-Lightness (HSL)格式的。在0-1.0范围内的浮点小数:
Hue(色调)是一个绝对值,用0和1为红色。
Saturation(饱和度)是一个相对于当前图像的值。0.5表示无变化,0表示全部无饱和度,1表示完全饱和度。
Lightness(亮度)也是一个相对量,0.5无变化,0为最暗黑色,1为最亮白色。
你可以用-1.0指定HSL某些值无变化。
额外的文档
社区文档可以帮助你编写你的主题:http://code.google.com/p/chromium/wiki/ThemeCreationGuide
主目录:/article/5846419.html
原文链接:http://code.google.com/chrome/extensions/themes.html
主题是一个改变浏览器外观的扩展。主题扩展像一般的扩展一样打包起来,但是其中不包含JavaScript和HTML代码。
你可以在主题展览馆里找到很多的主题。
Manifest
这是一个定制主题扩展的manifest.json文件:
{
[code] "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"
}
}
}
[/code]
颜色
RGB格式。到
browser_theme_provider.cc查看你可以用Color属性的里的字段。
图片
图片URL必须为到扩展目录的相对路径。你可以覆盖在任何在
browser_theme_provider.cc中被
kThemeableImages指定的图片。去掉“IDR_”将剩下的字母转化为小写就可以了。比如:IDR_THEME_NTP_BACKGROUND(被KThemeable用来指定新建标签的背景图片)转化为“theme_ntp_background”。
属性
可配置例如background的对齐、重复等方式,还有备用标识。
browser_theme_provider.cc查看更多的属性及其可取值。
色彩(Tints)
你可以指定类似于按钮、框架、标签背景等等部分浏览器UI的色彩,Chrome可以支持色彩,不支持图片,毕竟图片在跨平台支持不好而且如果添加按钮的话会比较脆弱。到
browser_theme_provider.cc查看更多的可以用在这里的属性。
Tints是Hue-Saturation-Lightness (HSL)格式的。在0-1.0范围内的浮点小数:
Hue(色调)是一个绝对值,用0和1为红色。
Saturation(饱和度)是一个相对于当前图像的值。0.5表示无变化,0表示全部无饱和度,1表示完全饱和度。
Lightness(亮度)也是一个相对量,0.5无变化,0为最暗黑色,1为最亮白色。
你可以用-1.0指定HSL某些值无变化。
额外的文档
社区文档可以帮助你编写你的主题:http://code.google.com/p/chromium/wiki/ThemeCreationGuide
主目录:/article/5846419.html
原文链接:http://code.google.com/chrome/extensions/themes.html
相关文章推荐
- [译].Google Chrome extensions(实验室).界面.选项
- [译].Google Chrome extensions(实验室).界面.覆盖页
- [译].Google Chrome extensions(实验室).界面.页面动作
- [译].Google Chrome extensions(实验室).界面.浏览器动作
- [译].Google Chrome extensions(实验室).目录
- [译].Google Chrome extensions(实验室).概览
- [译].Google Chrome extensions(实验室).开始
- [译].Google Chrome extensions(实验室).开发者指南目录
- 好用的 Google Chrome Extensions(持續增加)
- Google Chrome Extensions
- Google Chrome Extensions 最新精彩插件推荐
- Google Chrome Extensions 官方教程 中文版
- 'chromedriver' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/ch
- 错误:google-chrome-stable-44.0.2403.157-1.x86_64.rpm 的公钥没有安装
- 360 chrome不能登录Google账户
- Google推出强大的网站速度分析和优化建议的Chrome开发者工具扩展插件:PageSpeed Insights
- 基于Chrome开源提取的界面开发框架开篇
- Android应用界面主题Theme使用方法
- ARM上的Google Chrome for Windows 10将于2019年推出