如何自訂Chrome瀏覽器主題和Edge瀏覽器的外觀主題配色？

Google Chrome早在穩定版77版本中新增了顏色和主題自訂功能，但相比於Firefox瀏覽器推出的Firefox Color擴展套件，Chrome瀏覽器提供的自訂功能則存在諸多地限制。Firefox Color擴充套件支持火狐瀏覽器的工具欄、搜尋欄、分頁、工具欄圖示和文字等多個UI組件的自訂，但Chrome瀏覽器主題可以嗎？

在本篇文章中分享一個實用地小工具Chrome Theme Studio，可以讓你自定義Edge和Chrome瀏覽器外觀主題配色。Chrome Theme Studio可以生成瀏覽器主題配色文件並應用到瀏覽器，但它並非Chrome擴展程序。你不進可以將它應用到Edge和Chrome瀏覽器，同時也可以應用到Chromium內核的其它瀏覽器中。

如何自訂Chrome瀏覽器主題配色（Edge瀏覽器）？

• 如何設定瀏覽器主題配色？
• Chrome瀏覽器如何應用主題配色？
• Edge瀏覽器如何應用主題配色？

如何設定瀏覽器主題配色？

訪問Chrome Theme Studio官方網站，點我訪問。首次訪問官網會出現一個簡單地歡迎教程介面，點選底部的Get Started開始操作。

Chrome Theme Studio目前提供了瀏覽器全局（Universal）、活躍狀態（Active）、非活躍狀態（Inactive）、無痕式（Incognito）和非活躍狀態下的無痕式（Inactive&Incognito）。

Chrome Theme Studio當前並沒有提供中文語言支持，不過你可以通過谷歌翻譯擴展程序進行一鍵翻譯。但Chrome Theme Studio實時預覽功能可以很方便地查看設定的選項配色，你只需要通過顏色選擇器設定配色就可以了。

如果你對當前的配色並不滿意，那麼可以點選右上角的 Reset Colors 重置。你也可以分別開啟無痕式（Incognito）和非活躍狀態（Inactive）選項分別預覽設定。如果你已經完成了瀏覽器的各項設定，那麼你可以點選右上角的Download Theme 選項下載瀏覽器主題文件。

瀏覽器主題文件下載成功後會有一個chrome-theme.zip文檔，你需要通過解壓縮軟體將壓縮文檔解壓得到chrome-theme文件夾，然後分別以Chrome瀏覽器和Edge瀏覽器進行主題配色的設定。

Chrome瀏覽器如何應用主題配色？

打開你的Chrome瀏覽器，點選更多（︙）> 更多工具 > 擴充功能 > 開啟開發人員模式 > 載入未封裝項目 > 選擇chrome-theme檔案夾。瀏覽器主題文件應用成功後可以點選 復原 按鈕恢復默認。

Chrome瀏覽器恢復默認主題配色

如果你已經使用了一段時間想要恢復默認的話，那麼點選更多（︙）> 設定 > 外觀 > 重設為預設值。

Edge瀏覽器如何應用主題配色？

打開你的Edge瀏覽器，點選更多（…）> 擴充功能 > 開啟開發人員模式 > 允許來自其他存放區的擴充功能 > 載入解壓縮 > 選擇chrome-theme檔案夾。瀏覽器主題文件應用成功後同樣可以點選 復原 按鈕恢復默認。

Edge瀏覽器恢復默認主題配色

Edge瀏覽器如何恢復默認狀態呢？點選更多（…）> 設定 > 外觀 > 移除自訂背景主題。

總 結

Chrome瀏覽器和Edge瀏覽器目前提供的主題自訂功能的確沒有Firefox Color擴展程序功能強大，幾乎可以自訂Mozzila Firefox瀏覽器所有的UI組件配色。隨著Chromium內核不斷地更新與升級，相信Chrome和Edge瀏覽器也會推出類似的擴展程序，讓你自訂瀏覽器的UI組件主題配色。

你經常會自訂瀏覽器的主題配色嗎？你喜歡Firefox瀏覽器推出的Firefox Color擴展程序嗎？歡迎在留言區分享你的觀點！

追蹤我們

Facebook：點我關注最科技TechBesty臉書主頁

Telegram：點我關注最科技TechBesty電報頻道

YouTube：點我關注最科技TechBesty油管頻道