如何用 CSS 自定义 ChatGPT 深色模式
更新于 2026年10月29日
快速解答
GPT Master 的经典深色模式开关为你提供一个无需自行维护的灰色主题：在快捷控制中一键开启，适用于任何账号。随着内部样式表的变动，通过编写自定义 CSS 来调整 ChatGPT 深色模式变得愈发脆弱。过时的社区代码片段所针对的颜色变量已被 ChatGPT 替换，导致自定义规则在更新后失效。截至 2026 年 10 月，部分账号在“设置”>“Appearance”下还提供“Background”字段，输入 #212121 即可设置自定义灰色。
当不喜欢纯黑背景时，许多用户会求助于像 Stylus 这样的用户样式扩展来重新着色 ChatGPT。然而，每当 OpenAI 修改其 Web 应用结构时，维持自定义样式表正常工作都需要持续维护。失效的代码片段常常导致部分对话内容难以辨认或配色不协调。检查原生外观控制项或使用持续维护的浏览器扩展，可以免去你自己调试失效 CSS 规则的烦恼。
Chrome Web Store 精选
★★★★★4.8 · 310 条评价 · 16,000+ 活跃用户
告别脆弱的 CSS 代码片段，换用持续维护的一键灰色开关。
添加到 Chrome · 免费- 1
在桌面浏览器上安装 GPT Master
从 Chrome Web Store 将 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★ · 免费安装