您的位置:首页 > 编程语言 > Go语言

[译].Google Chrome extensions(实验室).界面.主题

2010-04-02 23:59 253 查看
主题

主题是一个改变浏览器外观的扩展。主题扩展像一般的扩展一样打包起来,但是其中不包含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 
查看更多的可以用在这里的属性。

TintsHue-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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: