chrome启用force-dark后gpt类网页自动深色，但代码块需dark reader扩展或手动css修复高亮，f12控制台同步设为暗黑主题，并用--force-dark-mode参数永久生效。
想让GPT相关网页（如ChatGPT官网、Claude界面、或本地部署的Ollama Web UI）在谷歌浏览器中呈现舒适暗黑模式，同时确保代码块语法高亮清晰可读，需分别处理浏览器整体渲染与网页内代码样式——前者靠Chrome底层控制，后者依赖CSS注入或扩展干预。
强制所有GPT类网页启用深色渲染
这一步解决纯白背景刺眼问题，尤其对未适配prefers-color-scheme的AI网页生效。
1、在Chrome地址栏输入chrome://flags/#enable-force-dark并回车。
2、顶部搜索框中输入Force Dark Mode for Web Contents，精准定位该实验项。
3、点击右侧下拉菜单，从Default改为Enabled；【切勿选Auto或Selective Inversion，否则代码块可能变灰底白字甚至反色失效】。
4、点击页面底部Relaunch按钮，浏览器将立即关闭并重启。
5、重启后打开chat.openai.com或claude.ai，网页背景自动变为深灰至近黑色，文字对比度提升。
让代码块保持原生语法高亮
启用force-dark后，多数网站的<pre class="brush:php;toolbar:false;"><code></code>区块会丢失原有配色，变成单色灰块。必须用CSS覆盖修复。</pre>
方法一：用Dark Reader扩展精细还原
1、访问Chrome应用商店安装Dark Reader（ID: eimadpbcbfnmbkopoojfekhnkhdbieeh）。
2、点击右上角紫色月亮图标启用，再点齿轮进入设置。
3、在Filter mode中选Filter+，Brightness调至100，Contrast设为100，Sepia和Grayscale全归零。
4、点击“Site list”→“+ Add site”，输入chat.openai.com，在规则中勾选Enable for this site only。
5、刷新页面，此时代码块背景恢复深色，关键字（如function、const）仍按Prism或highlight.js原始配色显示。
方法二：手动注入CSS（适用于Ollama等自托管前端）
1、按F12打开开发者工具→Console面板，粘贴以下代码后回车：
const style = document.createElement('style'); style.textContent = `pre code { background: #1e1e1e !important; color: #d4d4d4 !important; } pre code .token.keyword { color: #569cd6 !important; } pre code .token.string { color: #ce9178 !important; }`; document.head.appendChild(style);`
2、该脚本仅作用于当前标签页，关闭即失效，适合临时调试。
开发者工具（F12）同步设为暗黑主题
当你需要审查GPT网页的HTML结构或调试提示词渲染时，控制台本身也得是暗色，避免明暗交替伤眼。
第一步：确认系统级深色已开启
Windows用户：设置→个性化→颜色→选择您的模式→设为深色；macOS用户：系统设置→外观→深色。
第二步：Chrome内强制同步
1、打开Chrome设置→外观→主题→选“系统默认”。【若此处手动选了浅色主题，F12将永远无法变暗】
2、关闭所有Chrome窗口，重新启动。
3、任意网页按F12，Elements面板左上角即显示黑色背景+浅灰文字，Console日志行号与错误信息清晰可辨。
永久启用且绕过flags重置风险
Chrome更新常清空flags设置，用快捷方式参数可一劳永逸绑定深色渲染逻辑。
① Windows用户：右键桌面Chrome快捷方式→属性→“目标”栏末尾加一个空格，再追加--force-dark-mode。
② macOS用户：按Command键拖Chrome应用到桌面建别名→右键别名→显示简介→“通用”页路径末尾空格后加--force-dark-mode。
③ 保存后，从此只通过该快捷方式启动Chrome，所有GPT网页加载即为深色，代码高亮由Dark Reader接管，F12自动同步系统主题。
