制作Chrome主題無(wú)需任何編程知識(shí)，不需要html語(yǔ)法，不需要javascript程序等等，它僅僅是一個(gè)擴(kuò)展，很符合Google的風(fēng)格；Chrome主題包括兩部分內(nèi)容：幾張圖片和一個(gè)manifest文件；

然后把這些東東打包成crx格式的文件（crx格式其實(shí)和zip格式一樣也是一個(gè)壓縮文件包而已，只是這個(gè)格式是Google Chrome使用的）；讓我們看看以前貼耳網(wǎng)發(fā)布的Chrome奧迪A6主題中的圖片：

未處理前：

處理后：

你會(huì)發(fā)現(xiàn)背景圖有做一些修改；做修改的目的是為了讓圖標(biāo)能夠更清楚的顯示；

好了，現(xiàn)在你得準(zhǔn)備一下東東：

1. 一張圖，你準(zhǔn)備作為背景用的；
2. 一個(gè)圖形編輯器，可以用來(lái)編輯圖形的（比如：Paint.Net、PS、FW等）
3. 一個(gè)文本編輯器，比如Windows自帶的記事本，或者貼耳網(wǎng)介紹的NotePad++，或者EditPlus等等；
4. 一些想法，包括你準(zhǔn)備怎么設(shè)計(jì)你自己的主題

準(zhǔn)備好這些，就開(kāi)始動(dòng)工了；

第一步：創(chuàng)建一個(gè)主題的目錄

創(chuàng)建一個(gè)主題的單獨(dú)的目錄，比如叫：我的主題；以后在這個(gè)目錄下創(chuàng)建一個(gè)圖形文件夾，比如叫：images；

第二步：創(chuàng)建圖形

一個(gè)Chrome主題要4個(gè)圖形元素和1個(gè)可選的圖形來(lái)完成，這些圖形必須為PNG格式的，如果不是這個(gè)格式，你需要進(jìn)行格式轉(zhuǎn)換（比如你可以在這個(gè)在線(xiàn)轉(zhuǎn)換網(wǎng)站進(jìn)行格式轉(zhuǎn)換，或者使用圖形處理工具進(jìn)行格式轉(zhuǎn)換）；

1. 主題框架（Theme frame）：這個(gè)圖片作為你的Chrome的主題的整個(gè)框架圖片，并包括最大化、最小化和關(guān)閉等按鈕圖；如果你決定不使用這個(gè)，那么Chrome將使用默認(rèn)的主題和操作系統(tǒng)默認(rèn)的標(biāo)題欄來(lái)顯示；這張圖上下高度最小30px，左右寬度沒(méi)有限制；
2. 主題工具欄（Theme toolbar）：這張圖片作為前進(jìn)、后退、刷新等按鈕的背景、以及擴(kuò)展工具欄的背景；它和當(dāng)前標(biāo)簽與工具欄放一起的；這張圖上下高度為120px，左右寬度沒(méi)有限制；
3. 主題選項(xiàng)卡背景（Theme Tab Background）：這張圖是在打開(kāi)多選項(xiàng)卡的時(shí)候，非活動(dòng)選項(xiàng)卡的背景圖；這張圖上下高度為65px，左右寬度沒(méi)有限制；
4. 新標(biāo)簽頁(yè)背景（New Tab Page Background）：當(dāng)打開(kāi)一個(gè)新的標(biāo)簽頁(yè)的時(shí)候顯示的圖；推薦最小的圖形大小是800X600，但是最好是要適合你屏幕的分辨率；
5. 主題署名（Theme Attribution）：這個(gè)是顯示在主題右下角的，是可選的項(xiàng)目；代表這個(gè)主題是誰(shuí)創(chuàng)建滴；比如我可以把貼耳網(wǎng)的Logo和名字加進(jìn)去；別人下載主題并安裝之后，就會(huì)在右下角看到貼耳網(wǎng)的文字和標(biāo)志了；

當(dāng)你準(zhǔn)備好這些圖，并且拷貝到你的圖形目錄下之后，就可以按照底下的步驟一步一步做吧；

圖像制作的一些提示信息：

1. 使用相同或者相近的顏色來(lái)制作主題圖片；
2. 你可以使用任何圖形處理工具來(lái)處理你的圖形，主要是調(diào)整大小已適應(yīng)你屏幕的需要；
3. 如果你想使用漸變來(lái)制作圖形，你可以使用這個(gè)網(wǎng)上工具來(lái)實(shí)現(xiàn)；
4. 一般經(jīng)驗(yàn)來(lái)說(shuō)，黑色的框架需要搭配相對(duì)來(lái)說(shuō)更亮的選項(xiàng)框背景；當(dāng)然，你可以根據(jù)你的喜好來(lái)自定義；

第三步：創(chuàng)建manifest文件

每一個(gè)Chrome主題、可安裝的WEB應(yīng)用以及Chrome擴(kuò)展，都需要一個(gè)JSON的manifest文件，文件名叫manifest.json，這個(gè)文件包含了給瀏覽器的所有信息（JSON僅僅是一種數(shù)據(jù)格式）；它包含4個(gè)元素：圖形（images）、顏色（colors）、色彩（tints）和屬性（properties）；這里大頭提供一個(gè)實(shí)例，可以很好的應(yīng)用的實(shí)例，也可以從Google下載實(shí)例，下載地址在這里；

好了，文件內(nèi)容就如上述，現(xiàn)在解釋一下：

1. images：我們?cè)诘诙絼?chuàng)建的5張圖形，就在這里進(jìn)行定義；按照第二步說(shuō)明的意思放入對(duì)應(yīng)的項(xiàng)目即可，注意文件名和目錄都要正確；
2. colors：每一個(gè)元素都定義了主題中不同部分的顏色；對(duì)應(yīng)的關(guān)系如下：
   • 狀態(tài)條的顏色和工具欄的顏色一樣；
   • 狀態(tài)條上文字的顏色和標(biāo)簽上的文字顏色一樣；
   • 工具條的按鈕文字顏色和標(biāo)簽文字顏色一樣；
3. tints ：這個(gè)色彩元素定義了主題內(nèi)所有按鈕的（前進(jìn)、后退、刷新等）圖標(biāo)色調(diào)；這個(gè)值是從0到1或-1的浮動(dòng)值；我們只使用了一個(gè)元素“button”，這個(gè)是最常用的；
4. properties：在主題中，你可以使用這個(gè)來(lái)調(diào)整主要背景圖像的顯示方式；你可以將圖像對(duì)齊到頂部、底部或者瀏覽器的中心，還可以選擇沿著X軸或者Y軸重復(fù)顯示，或者不重復(fù)顯示等；

現(xiàn)在你的manifest文件也準(zhǔn)備好了，保存到你的主題目錄下；如下圖所示，你還可以從Google下載一個(gè)藍(lán)色的主題包，以后在這個(gè)主題包上進(jìn)行修改，這樣就簡(jiǎn)單多了；

第四步：打包并預(yù)覽你的主題

經(jīng)過(guò)上面三步，文件和圖形都準(zhǔn)備好了，現(xiàn)在可以進(jìn)行打包和預(yù)覽了；打開(kāi)Google Chrome，進(jìn)入擴(kuò)展程序；或者你直接在地址欄里面輸入“chrome://extensions/”，也可以打開(kāi)擴(kuò)展程序；

點(diǎn)擊右邊的開(kāi)發(fā)人員模式，以后點(diǎn)擊上面出現(xiàn)的按鈕“載入正在開(kāi)發(fā)的擴(kuò)展程序...”；以后將你剛才制作的主題目錄加載進(jìn)來(lái)；

如果一切順利的話(huà)，你制作的主題就會(huì)在Chrome上加載啦；看看效果吧，是不是所有都很完美；

故障：如果出現(xiàn)提示說(shuō)加載失敗，你得檢查一下你的manifest文件格式是否正確，并且文件名是否叫manifest.json；你可以使用JSON驗(yàn)證器來(lái)驗(yàn)證格式；錯(cuò)誤的提示也會(huì)明確提示是哪一行出錯(cuò)，你會(huì)很容易發(fā)現(xiàn)并修改錯(cuò)誤的；

好了，如果你感覺(jué)主題很滿(mǎn)意，你就可以點(diǎn)擊“打包擴(kuò)展程序...”按鈕，打包你的主題啦，打包好的文件會(huì)放到你的主題目錄下；

如果你制作了幾個(gè)Chrome主題之后，就會(huì)發(fā)現(xiàn)制作這個(gè)其實(shí)非常簡(jiǎn)單；Chrome可以允許你做很多的自定義的設(shè)置，上述manifest文件的內(nèi)容只介紹了很小一部分的內(nèi)容，如果你想知道更多有關(guān)manifest的內(nèi)容，你可以參閱Chromium theme creation guide。

上面的步驟看起來(lái)很復(fù)雜，其實(shí)很簡(jiǎn)單的，你只要按照步驟，使用那些模板，直接一步一步操作，就可以制作一個(gè)屬于自己的Chrome主題了。