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

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

未處理前：

處理后：

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

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

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

準(zhǔn)備好這些，就開始動工了；

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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