主题背景

主题背景是一种特殊的扩展程序，可以改变浏览器的外观。主题背景的打包与普通的扩展程序类似，但是它们不包含 JavaScript 或 HTML 代码。

您可以在 Chrome 网上应用店中寻找与尝试各种主题背景。

green plants theme love smoke theme jus d'orange theme

清单文件

以下是用于主题背景的 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"
    }
  }
}

colors

颜色以 RGB 形式表示。您可以在 theme_service.cc 文件中 kColor* 字符串部分找到您可以在此使用的字符串。

images

图片资源使用相对于扩展程序根目录的路径。您可以替换 theme_service.cc 文件中 kThemeableImages 指定的任何图片，只要将“IDR_”删除并将剩余字符转换为小写。例如，IDR_THEME_NTP_BACKGROUND（kThemeableImages 用来指定新标签窗格的背景）对应 "theme_ntp_background"。

properties

这一字段让您指定诸如背景对齐、背景重复、替代标志等属性。有关属性的名称以及它们的值，请参见 theme_service.cc。

tints

您可以指定应用于用户界面某些部分的色调，例如按钮、框架和后台标签页。Google Chrome 浏览器支持色调而不是图片，因为图片不一定能跨平台使用，并且在增加新按钮时不适用。有关您可以在 "tints" 中使用的字符串，请在 theme_service.cc 中寻找 kTint* 字符串。

色调以色调-饱和度-亮度（HSL）的格式指定，使用 0～1.0 之间的浮点数：

  • 色调为绝对值，0 和 1为红色。
  • 饱和度相对于当前提供的图片。0.5 表示没有变化，0 表示完全不饱和，1 表示完全饱和。
  • 亮度也是相对的，0.5 表示没有变化，0 表示所有像素均为黑色，1 表示所有像素均为白色。

您还可以对任意 HSL 值使用 -1.0 表示没有变化。

其他文档

由社区编写的帮您编写主题背景的文档在这里（英文）：

https://code.google.com/p/chromium/wiki/ThemeCreationGuide