手癢想改Chrome 介面嗎？ 從佈景到按鈕的終極美化教學都在這

【我們為什麼挑選這篇文章】相信很多人都在使用Google Chrome 瀏覽器做為主要的工作軟體之一，但看著這個簡潔的介面，久了會不會覺得略顯單調？ Share 【我們為什麼挑選這篇文章】相信很多人都在使用GoogleChrome瀏覽器做為主要的工作軟體之一，但看著這個簡潔的介面，久了會不會覺得略顯單調？ 本文作者集中了市面上常見的幾種改變風格做法，附上詳細教學，讓你隨時說變就變，創造更好的工作效率與好心情！（責任編輯：林厚勳） 本文經新媒體少數派授權轉載，作者Eric_hong，轉載請聯繫出處。

上一次跟大家分享了美化Chrome新建分頁標籤的擴充合輯，有幸獲得讀者們的反饋，這次關於Chrome分享依然是圍繞著美化主題，希望藉著這個機會，讓我們來一次徹底美化Chrome的旅程。

這一次我們的目標是： 從圖示到歷史記錄的頁面，甚至是瀏覽器的側邊滾動條，都會是我們這次美化改造的對象； 提升瀏覽體驗。

比如通過更換網頁背景，更加適應夜間閱讀的需要等等，我們會從美化的角度，改造出有更好閱讀體驗的瀏覽界面； 美化兼具實用，這次美化瀏覽器的旅程會在美觀的基礎上，如何發揮實用和效率，這會是我們的終極目標。

桌面圖示 Chrome瀏覽器圖示經歷了從3D效果過渡到被拍扁的變化: 如何更換ChromeWindows版的應用圖示？默認的桌面圖示被放在了文件夾路徑是C:UsersAdministratorAppDataLocalGoogleChromeApplication。

回到系統桌面，右鍵Chrome應用圖示，依次選擇「內容–捷徑–變更圖示」，選擇已經準備好的ico圖示文件。

在這裡推薦兩個不錯的圖示網站iconfinder、icons8，還有兩個支援PNG轉為ICO文件在線網站icovert、convertico。

下面是我曾經更換的Chrome圖示樣式： 主題 ChromeStore網上商店提供了大量的主題背景皮膚，Google自家出品了39款主題背景（傳送門），其中最受歡迎的是LateNight，黑色的主題色相當適合夜間模式使用。

目前我正在使用的是另外一款由vadio出品的主題DesignerTheme，黑色+灰色陰影效果兼顧了夜間使用瀏覽器和閱讀體驗。

新建分頁標籤 Chrome瀏覽器的新分頁標籤chrome://newtab成為了美化和效率的必爭之地，上次跟大家分享了讓「新分頁標籤」變得好看又實用的文章，不少讀者留言反饋還有漏網之魚，所以趁這次教學的機會，補充推薦之前沒有提到的優秀插件: 簡Tab 簡Tab是由SimpRead作者Kenshin所開發的另一款Chrome插件，插件去除了多餘的功能，默認界面是高品質的壁紙，側邊工具欄則採用了淡入淡出的交互方式。

簡Tab支援每日更換來自Bing.com的背景壁紙，用戶可以在bing、wallhaven、unsplash、flickr、500px等多個背景源自由切換。

簡Tab提供了簡單/高級/隱藏三種模式顯示常用網站，以及收藏夾、歷史記錄的功能入口。

Lanes Lanes作為一款todo類型的新分頁標籤擴充，本身支援Chrome、Android平台，初始安裝擴充後需要註冊帳號完成登錄同步的步驟。

Lanes採用了簡潔的界面設計和細長的顯示字體，其明顯的特點之一就是番茄鐘功能。

用戶可以自定義時間的長度以及休息的時長，也可以同時顯示待辦事項。

ColorTab ColorTab可在新建分頁標籤裡顯示一個內置了四種顏色的配色方案，輔以顯示這些顏色對應的HEX，偶爾幫助為配色發愁的設計師們找到靈感。

DribbbleNewTab Dribbble是一個面向創作者、藝術家、設計師等人群的創意類作品網站，有開發者開發了一款新分頁標籤擴充DribbbleNewTab，幫助創作者們在新分頁標籤裡隨時閱讀精彩的Dribbble社區內容。

Tabbie Tabbie最大的設計亮點在於採用了GoogleMaterialDesign的原則，提供定製化的信息顯示小窗口，默認支援以下服務/站點：Dribbble、Behance、HackerNews、GitHub、Reddit、Lobste.rs、ProductHunt、Gmail、PushBullet，以及Chrome應用程序，書籤和熱門網站。

Toby Toby曾經獲得ProductHunt評選獎項ChromeExtensionof2016，提供的功能更像是另一款打開分頁標籤管理利器OneTab，Toby支援建立多個自定義的分類，幫助用戶快速存儲或者打開某一組標籤分頁。

不過Toby在新建分組名稱和搜索上對於中文的支援並不完善。

MyCatsNewTab MyCatsNewTab會是貓奴專用的新建標籤擴充，每次打開新分頁標籤，都會被非常可愛的小貓咪壁紙萌化了。

除了可愛的壁紙外，MyCatsNewTab還提供了日期時間、天氣信息，支援快速訪問最常訪問的網站、書籤收藏夾。

Homely Homely提供的定製化功能有著濃濃的極客范，默認界面使用多個塊窗口構建，包含簡單的按鈕快捷方式或帶有豐富連結的下拉菜單。

編輯頁面可以通過內置的編輯器直觀地完成，或者用JSON手動編碼。

Anyway.Tab 如果你是國內設計類PodCast節目AnywayFM的忠實聽眾，那麼這款官方推出的新建分頁標籤擴充Anyway.Tab絕對不應該錯過。

Anyway.Tab把Anyway.FM節目中的參考連結推薦（和一些玩笑）顯示在新分頁標籤上，同時推送新節目的提醒。

RocketDashboard RocketDashboard頁面集成了各項Google服務：搜索、新聞、雲端硬碟、Gmail、日曆、Youtube，以及Chrome瀏覽器內置的基礎功能：熱門網站、日期和時間、最近的標籤、下載、書籤、系統，以上這些顯示信息均需要用戶手動授權才能正常運作。

GoogleArts&Culture GoogleArts&Culture在新分頁標籤中提供了來自自家藝術文化裡的畫作，提供每天/每個新分頁標籤的更換頻次，藝術熏陶從新分頁標籤做起。

擴充閱讀： 8個「新分頁標籤」Chrome擴充，把NewTab頁面玩出花樣|Matrix精選 用好這12款Chrome擴充，讓你的「新分頁標籤」變得好看又實用 書籤管理器 Chrome默認的書籤管理頁面chrome://bookmarks是左右雙欄佈局，左邊欄以文件夾的樹形結構展現不同的收藏夾，右側則負責顯示收藏書籤的標題名稱、超連結，其他功能還有整理（書籤排序方式、導入導出）、搜索。

默認的收藏夾頁面顯得單調過時，推薦一款Google出品的書籤管理擴充BookmarkManager，在佈局顯示、交互上有著更好的體驗： BookmarkManager提供了智慧設計的搜索與全新的現代版界面，網格視圖（也有列表視圖）查看書籤收藏夾有了更加豐富的色塊，並且以面包屑的路徑形式顯示書籤所在的位置。

另外安裝好BookmarkManager擴充後，還提供了一鍵式保存，如有可能合適的文件夾，擴充也會建議您將書籤保存到其中。

歷史記錄 Chrome默認的歷史記錄chrome://history的頁面，已經提供了相當現代化的界面，運用了MaterialDesign的設計原則，左邊欄顯示本機的Chrome歷史記錄/其他設備打開的分頁標籤/清除瀏覽數據，右邊則按照日期順序的形式先後顯示具體的歷史記錄數據，頂部留給了搜索框（支援即時顯示）。

而希望有更加豐富控制選項的用戶，推薦使用BetterHistory擴充： BetterHistory比Chrome默認的歷史記錄頁面提供了更多的功能，包括刪除（一天內的記錄、同域名下的記錄）、分組（按分鐘分組、小時分組、域名分組、自定義分組）、組織（按天組織瀏覽記錄）、搜索（按日期/網址/標題、高亮搜索關鍵字、右鍵菜單選擇域名/特定字段搜索）、設計風格（Chrome界面風格、工具欄按鈕進入歷史記錄、記憶關閉時的狀態、支援後退操作）。

滾動條 Chrome的頁面滾動條樣式跟隨用戶電腦系統的主題，雖然這一部分最容易被忽略，但強大的Chrome擴充體系提供了更多美化和生產力兼備的玩法。

不安裝任何擴充 我們可以在不安裝任何擴充的情況下，對Chrome滾動條樣式進行修改。

首先需找到Chrome的custom.css文件，路徑位置： Windows：安裝盤:Users用戶名GoogleChromeUserDataDefaultUserStyleSheetsCustom.css macOS：/Users/YourUsername/Library/ApplicationSupport/Google/Chrome/Default/UserStyleSheets/Custom.css Ubuntu：~/.config/chromium/Default/UserStyleSheets/Custom.css 只需要加上css控制樣式即可實現修改滾動條樣式的目的，可參考下面的控制代碼： /*—滾動條默認顯示樣式–*/ ::-webkit-scrollbar-thumb{ background-color:; height:; outline-offset:; outline:; -webkit-border-radius:; border:; } /*—滑鼠點擊滾動條顯示樣式–*/ ::-webkit-scrollbar-thumb:hover{ background-color:; height:; -webkit-border-radius:; } /*—滾動條大小–*/ ::-webkit-scrollbar{ width:; height:; } /*—滾動框背景樣式–*/ ::-webkit-scrollbar-track-piece{ background-color:; -webkit-border-radius:; } 不過，我在Windows101709+Chromev62（64位）環境下沒有找到UserStyleSheets文件夾，即使是自行新建文件夾，將custom.css文件放在對應位置，重啟瀏覽器之後還是沒有看到滾動條修改的效果。

所以有了下面安裝擴充來改變滾動條樣式和更實用功能的內容。

安裝擴充 MinimalScrollbar可將默認滾動條變成小巧的、實用的滾動條，支援設置滾動條、滾動內槽的透明度，滑鼠懸停時增大滾動條大小，以及無操作時自動隱藏滾動條。

ScrollbarofContents最大的特色功能是在滾動條旁邊創建可點擊的標題標記。

方便用戶同一頁面的不同部分之間跳轉，並幫助快速找到要查找的內容。

瀏覽長內容的網頁時ScrollbarofContents特別有用。

用戶也可以使用鍵盤快捷鍵來最小化、隱藏或顯示標記。

每次遇到少數派長文時，ScrollbarofContents可以幫助快速跳轉到每一個不同的主題和留言區。

擴充管理 遇到Chrome擴充狂人，瀏覽器的地址欄旁邊會堆滿擴充圖示，佔據位置和影響美觀。

不喜歡手動將各種擴充圖示拖放到自定義的集中菜單裡（或者使用右鍵中從Chrome菜單中隱藏），有時候還會遇到區分哪些擴充是否正在使用。

以上這些疑問，Extensity擴充提供了一站式的解決方案，保持簡潔的瀏覽器工具欄，支援列表式顯示哪些擴充是正在啟用的，哪些已經被禁用了。

夜間模式 保護視力從瀏覽器做起。

燈光環境較暗時，網頁背景顏色有時候經常亮瞎我們的眼睛，這時候有必要對網頁背景色進行美化，將顏色改成適闔眼睛的保護色或者更加適合夜間閱讀的模式。

DarkReader、HackerVision、眼睛護航這三款擴充均可實現「保護視力」的作用，將明亮的網頁背景變為高對比度，明暗處理，黑暗主題，以及在晚上易於閱讀的精美網頁。

我們只需利用好鍵盤快捷鍵，可在常規、護眼或者夜間模式下快速切換。

網站界面改造 網站界面改造需要祭出樣式管理神器Stylish，既可以改進網站界面的顯示效果，又可以實現過濾廣告的功能，真正做到美化界面和實用功能兼備的目的。

用戶利用Stylish可為網站安裝不一樣的主題和皮膚，也可以自行創建自己的主題和皮膚，類似為Reddit添加黑色風格，使用簡約的Facebook，或者更改Google、Twitter或您最愛的任意網站的外觀，自定義背景、配色方案、字體甚至動畫，以上這些都可以輕鬆實現。

下面是幾款很美觀、使用的樣式，只需按照好Stylish擴充後，點擊喜歡的樣式連結，前往介紹頁面安裝即可。

BaiduLite百度輕：現代化的百度頁面 GoogleMaterial：換上MaterialDesign風格 我的極簡少數派：竟然連我π主站頁面也敢改 Globaldarkstyle：為所有網頁背景換上夜間模式，還美化了滑鼠圖示樣式 Flat_Zhihu：請將拍扁的知乎頁面還給我 BlackTube：為油管帶來酷炫的紅黑配色界面 Bilibili嗶哩嗶哩Nekopara：帶來更萌的B站體驗 weibo_v6：去廣告之後，還你幹淨的微博 以上僅僅是幾款不錯的CSS應用實例，如果你還想改造不一樣的網頁，可通過userstyles獲得更多好玩的界面美化實例。

擴充閱讀：不喜歡某個網站的樣子？用Stylish給它一鍵「換膚」 Chrome除了自身內功深厚，還可通過各種類型的擴充實現不一樣的功能，這篇美化Chrome的教程使用了很多不同的擴充，提升瀏覽器基礎的功能頁面體驗（收藏夾、歷史記錄），也帶來更加實用的功能（過濾廣告、調整界面設計），最終目的是希望幫助大家打造出更具個性化的瀏覽器，更好地提升瀏覽體驗，好好享受這一次Chrome的美化旅程。

── （本文經少數派作者Eric_hong授權轉載，並同意TechOrange編寫導讀與修訂標題，原文標題為〈Chrome美化終極教程：從圖標到標籤頁，我們整理了所有能定製的地方〉。

） 更多瀏覽器的相關文章 Chrome在亞洲要被打趴啦，阿里巴巴的UC瀏覽器靠「小」搶下雙印市場領導地位 最強隱私瀏覽器Tor驚爆大漏洞，匿名使用者IP恐將全曝光，趕快更新吧！ 火狐鐵粉的春天來啦！新版FirefoxQuantum效能暴衝2倍，速度跟Chrome完全有得比 正中Chrome死穴！論電力，Edge瀏覽器硬是比Chrome多撐3小時 Share 馬上訂閱CONNECT▼ NowReading 手癢想改Chrome介面嗎？從佈景到按鈕的終極美化教學都在這 6minread 最新文章 2022科技大勢，訂閱先機 雲端運算人工智慧 雲端服務 數位轉型應用 資訊安全 資訊科技 新經濟新零售 數位金融 虛擬貨幣 數位行銷 通訊科技5G/6G 太空 低軌道衛星 電信通訊 新科技 供應鏈智慧製造 半導體 IoT 未來生活電動車 能源創新 智慧城市 觀看影音新工作進行式 以人為本，醫療新服務 線上教育，素養學習篇 線上教育，數位落差篇 0% ✕ Close 徵才 最新文章 2022科技大勢，訂閱先機 雲端運算 人工智慧 雲端服務 數位轉型應用 資訊安全 資訊科技 新經濟 新零售 數位金融 虛擬貨幣 數位行銷 通訊科技 5G/6G 太空 低軌道衛星 電信通訊 新科技 供應鏈 智慧製造 半導體 IoT 未來生活 電動車 能源創新 智慧城市 公共服務 數位醫療 線上學習 數位政府與未來治理 網路民主與公民 投資創新 新投資 新人才 創業故事 觀看影音 科技橘子 品牌簡介 ABOUTUS 聯絡我們 ✕ 徵才 最新文章 2022科技大勢，訂閱先機 雲端運算 人工智慧 雲端服務 數位轉型應用 資訊安全 資訊科技 新經濟 新零售 數位金融 虛擬貨幣 數位行銷 通訊科技 5G/6G 太空 低軌道衛星 電信通訊 新科技 供應鏈 智慧製造 半導體 IoT 未來生活 電動車 能源創新 智慧城市 公共服務 數位醫療 線上學習 數位政府與未來治理 網路民主與公民 投資創新 新投資 新人才 創業故事 觀看影音 新工作進行式 以人為本，醫療新服務 線上教育，素養學習篇 線上教育，數位落差篇 品牌簡介 ABOUTUS 聯絡我們 LatestPosts 【開發者看過來】NianticAR工具開放使用！自己打造元宇宙的機會來啦 拆解黃仁勳眼中的元宇宙，NVIDIA如何用超炫技術帶動下個網路革命？ NFT、加密貨幣將成Discord未來？使用者哀號成一片：先不要 【誰是柴犬幣創辦人？】推出神幣一度漲幅達777%，只留一句我是Nobody 電動車變身「分散式小電廠」，V2G技術如何改善缺電問題？ 為提供您更好的網站服務，本網站會使用Cookies及其他相關技術優化用戶體驗，繼續瀏覽本網站即表示您同意上述聲明了解隱私權政策同意並關閉視窗Manageconsent Close PrivacyOverview Thiswebsiteusescookiestoimproveyourexperiencewhileyounavigatethroughthewebsite.Outofthese,thecookiesthatarecategorizedasnecessaryarestoredonyourbrowserastheyareessentialfortheworkingofbasicfunctionalitiesofthewebsite.Wealsousethird-partycookiesthathelpusanalyzeandunderstandhowyouusethiswebsite.Thesecookieswillbestoredinyourbrowseronlywithyourconsent.Youalsohavetheoptiontoopt-outofthesecookies.Butoptingoutofsomeofthesecookiesmayaffectyourbrowsingexperience. Necessary Necessary AlwaysEnabled Necessarycookiesareabsolutelyessentialforthewebsitetofunctionproperly.Thesecookiesensurebasicfunctionalitiesandsecurityfeaturesofthewebsite,anonymously. CookieDurationDescriptioncookielawinfo-checkbox-analytics11monthsThiscookieissetbyGDPRCookieConsentplugin.Thecookieisusedtostoretheuserconsentforthecookiesinthecategory"Analytics".cookielawinfo-checkbox-functional11monthsThecookieissetbyGDPRcookieconsenttorecordtheuserconsentforthecookiesinthecategory"Functional".cookielawinfo-checkbox-necessary11monthsThiscookieissetbyGDPRCookieConsentplugin.Thecookiesisusedtostoretheuserconsentforthecookiesinthecategory"Necessary".cookielawinfo-checkbox-others11monthsThiscookieissetbyGDPRCookieConsentplugin.Thecookieisusedtostoretheuserconsentforthecookiesinthecategory"Other.cookielawinfo-checkbox-performance11monthsThiscookieissetbyGDPRCookieConsentplugin.Thecookieisusedtostoretheuserconsentforthecookiesinthecategory"Performance".viewed_cookie_policy11monthsThecookieissetbytheGDPRCookieConsentpluginandisusedtostorewhetherornotuserhasconsentedtotheuseofcookies.Itdoesnotstoreanypersonaldata. Functional Functional Functionalcookieshelptoperformcertainfunctionalitieslikesharingthecontentofthewebsiteonsocialmediaplatforms,collectfeedbacks,andotherthird-partyfeatures. Performance Performance Performancecookiesareusedtounderstandandanalyzethekeyperformanceindexesofthewebsitewhichhelpsindeliveringabetteruserexperienceforthevisitors. Analytics Analytics Analyticalcookiesareusedtounderstandhowvisitorsinteractwiththewebsite.Thesecookieshelpprovideinformationonmetricsthenumberofvisitors,bouncerate,trafficsource,etc. Advertisement Advertisement Advertisementcookiesareusedtoprovidevisitorswithrelevantadsandmarketingcampaigns.Thesecookiestrackvisitorsacrosswebsitesandcollectinformationtoprovidecustomizedads. Others Others Otheruncategorizedcookiesarethosethatarebeinganalyzedandhavenotbeenclassifiedintoacategoryasyet. SAVE&ACCEPT