如何开发谷歌浏览器主题?

Laz*_*zer 8 google-chrome development themes

我对谷歌浏览器有一些设计想法。我想把它转换成一个主题。

我搜索了很多,但没有找到关于如何去做的令人满意的解释。你知道需要做什么吗?一些链接,也许?

Sna*_*ark 10

下载适用于 Chrome 的任何可用主题,例如这个主题。

重命名它,使其具有 .zip 扩展名。使用您最喜欢的归档工具打开它。

该主题在名为 manifest.json 的文件中进行了描述。它提供了主题中使用的图像的链接。它们位于灰度级的“i”目录中。图像为 PNG 格式。

下面是灰度的 manifest.json 文件的格式:

{
"version":"1.0",
"name":"Greyscale",
"theme":
{"images":
    {
    "theme_frame":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6ZwBDA",
    "theme_toolbar":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUY6pwBDA",
    "theme_button_background":"i/agxjaHJvbWV0aGVtZXNyDAsSBEZpbGUYtawBDA"
    },
"colors":
    {
    "frame":[32,32,32],
    "toolbar":[210,210,246],
    "tab_text":[0,0,0],
    "tab_background_text":[0,0,0],
    "bookmark_text":[0,0,0],
    "ntp_background":[235,235,235],
    "ntp_text":[0,0,0],
    "ntp_link":[0,0,120],
    "ntp_section":[210,210,210,1],
    "ntp_section_text":[0,0,0],
    "ntp_section_link":[0,0,120]
    },
"properties":
    {
    "ntp_background_alignment":"bottom",
    "ntp_background_repeat":"no-repeat"},
    "tints":
        {
        "buttons":[0.6,0,0.5]
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

将此用作您自己主题的模板。

您也可以在这里找到更多信息。

  • 使用现有主题作为模板还不够好,因为许多主题只修改浏览器的一部分。如果你想改变主题作者没有的东西怎么办?您如何找出名称/属性/等。使用? (2认同)