如何製作自己的 Google Chrome 主題

您是否曾經想自定義 Web 瀏覽器的外觀？可以使用 Google Chrome 的主題來做到這一點。Chrome 主題商店可能有很多選擇，從太空主題到汽車和美麗的風景，但是如果這些選項都不是您想要的，或者如果您想自定義 Chrome 以將自己的一張照片作為背景呢？好吧，幸運的是你可以做到這一點。

有兩種方法可以創建自己的主題。Chrome 有一個簡單的內置功能，允許您為新標籤頁導入背景圖像，並從多個預設中自定義用戶界面的配色方案。如果 Chrome 的內置功能沒有您想要的大量自定義選項，一個名為ThemeBeta的網站可以滿足您的需求，它具有功能豐富但易於使用的 Chrome 主題創建器，（雖然安裝過程有點更複雜）。在本文中，我們將引導您完成使用這兩種工具創建自己的 Chrome 主題的過程。

簡單的內置 Chrome 工具

要使用內置的 Chrome 主題編輯器，請打開一個新標籤。在新標籤頁的右下角是一個鉛筆圖標，點擊它可以自定義 Chrome 的外觀。

單擊鉛筆圖標以打開主題編輯器。

在單擊鉛筆圖標後出現的彈出窗口中，您的第一個選項是配置背景圖片。在這裡，您可以選擇數量非常有限的預設選項，也可以上傳自己的圖像。此背景圖片僅適用於新標籤頁，不會成為任何實際網站的背景。

為新標籤頁選擇背景圖片。

選擇背景圖像後，移至“顏色和主題”選項卡。在這裡，您可以從多種顏色組合中進行選擇。這些顏色選項會影響構成 Chrome 用戶界面的選項卡以及搜索欄和書籤欄的顏色。換句話說，在您訪問的大多數網站上，這些顏色將比您的背景圖片更引人注目，因為瀏覽器的頂部欄將始終是這種顏色！

選擇預設配色方案。

如果預設的配色方案都不是您想要的，左上角的顏色選項允許您選擇自己的配色方案，有多種顏色選項可供選擇。要選擇顏色，首先單擊左上角的符號，然後使用出現的彈出窗口來選擇您的顏色。調整色譜中的十字準線以獲得您的陰影和窗口右側的黑色箭頭以選擇色調的亮度。如果您不確定這是如何工作的 - 將黑色箭頭移動得越遠，顏色就越淺或越深。對於更強烈的陰影，將十字準線設置在頂部附近，將箭頭設置在中間。對於較淺的顏色，將十字準線移低一點，向上移動箭頭。

選擇所需顏色後，單擊右下角的“添加到自定義顏色”。接下來，從左下角的“自定義顏色”列表中選擇您的自定義顏色，然後單擊“確定”進行應用。如果您選擇自定義配色方案，則只能選擇一種顏色，Chrome 會選擇第二種相似的顏色，以它認為最適合的顏色來完成主題。

提示：Chrome 幾乎總是假定您選擇的顏色是兩種主題顏色中較暗的顏色，並且會選擇較淺的第二種色調。相應地選擇！

選擇自定義配色方案。

一旦您對背景圖片和顏色設置感到滿意，請單擊“完成”以保存您的自定義主題，您就可以開始了！

第三方主題變得簡單

如果你想要一個簡單的主題，那麼 Chrome 內置工具就足夠了，但如果你想要更多的個性，ThemeBeta提供了更多的控制。該網站允許您手動修改前景和背景選項卡的顏色、選項卡欄中的文本等。

首先，您需要瀏覽到 ThemeBeta 的網站。您可以在他們的主頁上瀏覽用戶提交的主題，也可以直接進入他們的主題創建者頁面開始使用您自己的主題。進入主題創建器後的第一步是選擇背景圖像。點擊“1. 上傳圖像”，然後從您的硬盤上傳圖像。這張圖片將成為您主題的基礎，並將成為新標籤頁上的背景圖片。

提示：您上傳的任何圖片都必須是 PNG 或 JPG 文件格式，因為這些是唯一支持的格式。如果您的圖像有所不同，請使用在線轉換器。

如果您上傳的圖像看起來不太正確，可能是放大得太大或者在側面或頂部有條形 - 那麼您應該嘗試更改“背景圖像”選項。他們分別配置水平對齊、垂直對齊、如果圖像在屏幕上太小而重複、如何縮放圖像以適應屏幕以及手動縮放調整。測試這些選項，直到找到你滿意的東西！

配置背景圖像的定位。

上傳圖片後，頁面右側的預覽將更新以表示您的主題的外觀。第二步是點擊“2. 生成顏色”，此按鈕將使用您上傳的圖片中存在的顏色，以創建類似顏色的口味，以在用戶界面的其餘部分使用。

如果自動生成的配色方案適合您想要的外觀，您可以在此處跳過安裝說明。但是，如果您想手動配置前景選項卡、背景選項卡和工具欄等內容的顏色，詳細信息將在下面的高級配置部分進行介紹。

高級配置

左上角有兩個高級配置選項選項卡，第一個是“圖像”。您可以在此處為某些元素配置背景圖像。當您將鼠標懸停在每個選項上時，它將以紅色突出顯示該設置將在預覽中修改的元素。

將鼠標懸停在選項上以查看它們更改了用戶界面的哪個部分。

提示：NTP 代表“New Tab Page”，以這個首字母縮寫開頭的選項只出現在新標籤頁上，其他在其他頁面上可見。

• “NTP 背景”配置主背景，如果您之前導入了圖像，這將已經“加載”。
• “框架”配置用戶界面，不包括標籤列表、搜索欄和書籤欄。
• “工具欄”配置活動標籤、書籤欄和搜索欄周圍的區域。
• “標籤背景”配置非活動標籤的背景顏色。
• “框架覆蓋”允許您配置覆蓋“框架”中圖像的第二個圖像。
• “NTP Attribution”在新標籤頁的左下角添加圖片，一般用於水印。

提示：如果您上傳了一張圖片但不喜歡它的外觀，您可以通過單擊相關“已加載”標記旁邊的“X”按鈕將其刪除。如果上傳圖像更改了該元素的背景顏色，您可以手動將其設置回原色，也可以再次單擊“基本”選項卡中的“生成顏色”以重置配色方案。

第二個高級選項卡的標題是“顏色”。在這裡 - 與上一頁上旁邊有一個框的選項一樣 - 您可以使用該框打開顏色選擇器並為各個元素選擇純色。再一次，如果您將鼠標懸停在配置選項上，它將在預覽中以紅色突出顯示受影響的元素。

單擊該框以打開相應元素的顏色選擇器。

• “工具欄”配置新標籤頁左下方ThemeBeta歸屬標籤的背景顏色。
• “選項卡文本”配置選項卡列表中當前活動選項卡中文本的顏色。它還設置了新標籤頁左下角 ThemeBeta 屬性文本的顏色。
• “背景標籤文本”配置標籤列表中非活動標籤中文本的顏色。
• “書籤文本”配置書籤欄中項目文本的顏色。
• “NTP Text”配置頁面中央的文本或推薦/常規頁面鏈接的顏色。
• “NTP Link”沒有任何效果。
• “控制按鈕”配置右上角的最小化、最大化和關閉按鈕的顏色。
• “按鈕”配置前進、後退、重新加載和主頁按鈕的顏色。

按照您希望的方式配置所有高級選項後，您就可以繼續安裝過程了。

安裝第三方主題

出於安全原因，Google 現在只允許通過 Chrome 網上應用店安裝擴展程序和主題。要安裝自定義主題，您需要啟用開發人員功能。不幸的是，此更改意味著“基本”選項卡和“打包”選項卡上的簡單“打包並安裝”按鈕不再有效。如果您嘗試“打包並安裝”方法，您將收到一條錯誤消息。

第三方 CRX 文件無法安裝在 Chrome 中。

要解決此問題，請轉到“打包”選項卡並單擊“打包並下載 Zip 文件”

單擊“打包”選項卡中的“打包並下載 Zip 文件”按鈕。

下載 zip 文件後，解壓縮文件並將它們保存到您的硬盤驅動器。雙擊您下載的文件，然後選擇文件查看器頂部的提取。您必須選擇將文件解壓縮到的位置。記住您保存它們的位置，以便您可以更輕鬆地再次上傳它們。

提示：如果您重命名文件夾以表明主題是什麼，那麼將來再次找到它可能會更容易，如果您想重複使用它。

從 ZIP 文件中提取文件並將它們保存到您的硬盤驅動器。

下一步是 Chrome 擴展程序頁面。您可以通過單擊右上角的三個點，在“更多工具”下，然後“擴展”來訪問它，或者您可以單擊此處。

單擊三個點，然後單擊更多工具 > 擴展。

進入擴展菜單後，在頁面的右上角，有一個標記為“開發人員模式”的滑塊。啟用它。啟用開發者模式後，左上角應出現三個按鈕。您需要的是“Load unpacked”。單擊“加載解壓”並導入您之前從 zip 文件中提取的文件夾。

啟用開發者模式，然後單擊“加載解壓”。

提示：您要導入父文件夾，而不是它包含的“圖像”文件夾。如果你之前沒有重命名它，它會被命名為“theme1234567890”

導入主題後，當前選項卡中將出現警告，確認主題已安裝並提供撤消按鈕。在關閉此警報之前，打開一個新選項卡並確保一切都如您所願。

在您確定對結果滿意之前，不要隱藏確認警報！

如果您的主題沒有達到您希望的效果，請單擊“撤消”並再次嘗試修改您的模板。一旦您對結果感到滿意，請隨時關閉“擴展”頁面並繼續使用閃亮的新自定義 Chrome 主題瀏覽。