如何用 CSS 自定義 ChatGPT 深色模式
更新於 2026年6月15日
快速解答
使用 CSS 自定義 ChatGPT 的背景顏色需要像 Stylus 這樣的樣式管理器來注入自訂樣式表。你可以編寫 CSS 來將純黑色替換為灰色，但這種方法非常脆弱。OpenAI 經常更新其類名和 DOM 結構，這會無預警地導致使用者自訂樣式失效。GPT Master 透過自動監視並清除 ChatGPT 的 OLED 屬性，消除了這一維護負擔，使柔和的灰色主題保持完好。
許多使用者求助于自訂使用者樣式來避開 ChatGPT 的純黑色版面。雖然編寫自己的 CSS 規則可以提供完全的設計控制，但这會變成一個需要反復維護的项目。ChatGPT 界面的每次微小更新都可能破壞你的自訂樣式，迫使你重寫代碼。
- 1
安裝像 Stylus 這樣的樣式管理器
為你的瀏覽器添加使用者樣式擴充，以允許在特定網站上注入自訂樣式表。
- 2
為 ChatGPT 創建樣式規則
為 chatgpt.com 添加一個新的樣式目標。使用 CSS 代碼 [data-oled] { --main-surface-primary: #202123; } 或指定根變量以覆蓋深色背景。
- 3
使用 GPT Master 享受免維護修復
如果自訂 CSS 在 ChatGPT 更新後失效，請安裝 GPT Master。在快速控制彈出窗口中開啟“經典深色模式”，即可恢復灰色版面而無需編寫代碼。
GPT Master
無需再編輯代碼來修復你的主題。立即恢復灰色背景。
常見問題
- 為什麼我自訂的 ChatGPT CSS 總是失效？
- ChatGPT 是一個單頁應用程序（SPA），並且會頻繁接收更新。當 OpenAI 更改內部類名或主題屬性時，你的自訂選擇器將不再匹配頁面元素。
- Stylus 或自訂 CSS 會減慢我的瀏覽器速度嗎？
- 注入幾行 CSS 對性能的影響微乎其微。然而，隨著網站的变化手動保持樣式表更新需要持續的人力。
- GPT Master 處理深色模式與 CSS 有何不同？
- 該擴充不依賴脆弱的 CSS 類選擇器，而是監視頁面根屬性。當檢測到 OLED 主題標識時，GPT Master 會直接將其清除。
相關指南
準備好一勞永逸地解決這個問題了嗎？
無需再編輯代碼來修復你的主題。立即恢復灰色背景。