如何用 CSS 自定義 ChatGPT 深色模式
更新於 2026年10月29日
快速解答
GPT Master 的「經典深色模式」開關提供一個無需自行維護的灰色主題：在快捷控制中點一下即可，適用於任何帳號。隨著內部樣式表的變更，撰寫自訂 CSS 來調整 ChatGPT 的深色模式變得越來越脆弱。社群舊有的程式碼片段所針對的顏色變數已被 ChatGPT 取代，導致自訂規則在更新後停止運作。截至 2026 年 10 月，部分帳號在「設定」>「Appearance」下也有「Background」欄位，輸入 #212121 即可設定自訂灰色。
許多不喜歡純黑背景的使用者會求助於 Stylus 等使用者樣式擴充功能來重新著色 ChatGPT。然而，每當 OpenAI 修改其網頁應用程式架構時，要維持自訂樣式表的運作就需要持續維護。失效的程式碼片段往往會導致部分對話難以辨識或樣式不協調。檢查內建的外觀控制項或使用持續維護的瀏覽器擴充功能，能讓你無需自行對損壞的 CSS 規則進行除錯。
Chrome Web Store 精選
★★★★★4.8 · 310 則評論 · 16,000+ 活躍使用者
告別脆弱的 CSS 程式碼片段，改用持續維護的一鍵灰色開關。
加入 Chrome · 免費- 1
在電腦瀏覽器上安裝 GPT Master
從 Chrome 線上應用程式商店將 GPT Master 加入瀏覽器。開啟 chatgpt.com，讓擴充功能在進行中的電腦對話分頁上正常初始化。
- 2
開啟右下角的快捷控制
點擊位於聊天頁面右下角的圓形 GPT Master 按鈕。隨即會開啟一個精簡的彈出視窗，顯示適用的電腦顯示切換項目。
- 3
開啟經典深色模式
啟用「經典深色模式」，將對話區域與側邊欄重新著色為灰色。你無需編寫樣式表或維護自訂程式碼，即可獲得一致的外觀。
Chrome Web Store 精選
★★★★★4.8 · 310 則評論 · 16,000+ 活躍使用者
告別脆弱的 CSS 程式碼片段，改用持續維護的一鍵灰色開關。
加入 Chrome · 免費常見問題
- 為什麼 ChatGPT 的自訂 CSS 程式碼片段會失效？
- ChatGPT 經常更新，並會更改舊版使用者樣式所依賴的內部顏色變數。當這些變數消失或被重新指定時，自訂 CSS 程式碼片段就無法正確重新著色頁面。
- ChatGPT 中有等同於自訂 CSS 的內建功能嗎？
- 有的，適用於在「設定」>「Appearance」下擁有更新版「Visual style」選項的帳號。可編輯的「Background」欄位支援如 #212121 等自訂十六進位顏色，讓你在沒有使用者樣式管理器的情況下重新為頁面著色。
- 為什麼要使用擴充功能而不是內建的背景設定？
- GPT Master 讓你可以直接從聊天頁面一鍵在灰色與黑色之間切換，無需在選單中到處翻找。在「設定」>「Appearance」中沒有「Background」欄位的帳號也能使用。
相關指南
準備好一勞永逸地解決這個問題了嗎？
告別脆弱的 CSS 程式碼片段，改用持續維護的一鍵灰色開關。
Chrome Web Store 精選 · 評分 4.8★ · 免費安裝