如何用 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 会直接将其清除。
相关指南
准备好彻底解决这个问题了吗？
无需再编辑代码来修复你的主题。立即恢复灰色背景。