如何开发Google chrome主题?


8

我对Google Chrome有一些设计思路。我想将其转换为主题。

我进行了很多搜索,但没有找到令人满意的解释来说明如何执行该操作。你知道需要做什么吗?有联系吗?


1
这更多的是编程问题。我投票决定将其迁移到Stack Overflow。
ChrisF,2009年

Answers:


10

下载适用于Chrome的所有可用主题,例如主题。

重命名它,使其扩展名为.zip。使用您喜欢的存档工具将其打开。

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

这是Greyscale的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]
        }
    }
}

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

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


如何打开i目录中的链接?我需要知道.png文件的大小...
Lazer

使用.png扩展名重命名它们,并使用图片编辑器打开它们
Snark

好吧,顺便说一句,为什么这么复杂的名字?将我的.png文件命名为有什么问题top.png吗?
Lazer

不,请参见我的答案的最后一个链接中的样本清单
Snark,2009年

2
使用现有主题作为模板还不够好,因为许多主题仅会修改浏览器的一部分。如果您想更改主题作者不想要的内容怎么办?您如何找出什么名称/属性/等。使用?
Synetech

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.