如何制作 Chrome 主题

from 苏和她的 openSUSE Linux http://p.marguerite.su/how-to-make-chrome-theme

我曾经为 openSUSE 制作了一个专有的 Chromium theme,有人问我怎么做的。下面就是教程。并有一个小例子。

最近我把我的 Plasma theme 换成了 Caledonia,

原来的主题对我来说就太亮了,需要做一款相对暗色的主题来使用。

下面是制作过程:

官方文档在这里:ThemeCreationGuide,也没有什么必要看,因为我们会使用简单的,themebeta.net 来做。那上面也有比官方的 Gallery 美太多的主题,但是小警告一下,大部分都是背景图漂亮而已。

首先去 500px, deviant 找美图。500px 不让下载的,但是可以用 chromium 的「工具」-「开发者工具」来绕过。

然后在第一个 tab 上传,起名。

接着去 colourlovers 找相应的配色 Palette。比如我的主题叫 Forbidden City,我就搜索 blue,找了几个青砖色。然后在第二个和第三个 tab 里相应调整,具体在调整的是哪个元素,你把鼠标放在上面的时候预览里面会变红。

要说下 NTPAttribution,那就是一张背景透明的图片,写上背景图片的版权信息。当然得作者允许你用。不然你这主题最好不要发布了。比如我后做的这个。

然后切换到最后一个 tab,下载 zip。要是发布到别的地方的话还要下载截图。一定要是 zip,不然你没法上传官方的 gallery。下载了 crx 的话,一旦你关闭了 themebeta 网页,就再也没法变成 zip 了,除非你对 chromium 的代码很熟悉。

另外需要注意的是在第一个 tab 那里一定要给你的主题起名,不然到最后你安装的时候会说下面你要安装 chrometheme.net,很不专业。忘了也没关系,打开 zip 里面的 manifest.json。在里面改就行了。

最后是生成 pem 密钥,没有这个你发布到官方 gallery 后就没法升级这个主题了。方法是「工具」-「扩展程序」-「打包扩展程序」,选中你 zip 解压的文件夹的完整路径。点确认,就会自动生成 pem。

然后发布到 Gallery 就好了。方法是正常进入 Web store,你的帐号设置那里有个 developer dashboard,add new item。

Advertisements

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s