claude夜间模式可通过四种方式开启:一、官网设置中选择dark或system主题;二、浏览器控制台执行css反色代码;三、系统深色模式联动自动适配;四、cursor编辑器中设置深色主题以同步侧边栏。

如果您在使用Claude网页版或客户端时发现界面过亮、长时间阅读导致视觉疲劳,则可能是当前未启用深色主题或夜间模式。以下是开启Claude夜间模式的具体操作路径与多方式适配方案:
一、通过Claude官网设置面板启用夜间模式
该方法适用于claude.ai主站及多数官方中文镜像站点,直接调用系统级主题偏好,支持自动同步设备设置。
1、访问https://claude.ai并完成登录,确保右上角显示您的账户头像。
2、点击头像,从下拉菜单中选择“Settings”(设置)。
3、在左侧导航栏中点击“Appearance”(外观)选项卡。
4、在“Theme”(主题)区域,从下拉菜单中选择Dark或System(若希望随系统自动切换)。
5、关闭设置页面,刷新当前对话窗口,界面即刻应用深色背景与高对比度文字。
二、通过浏览器开发者工具强制注入CSS(临时应急)
当官方设置中暂无主题选项(如部分轻量入口或旧版缓存页面),可借助浏览器控制台注入标准深色样式规则,不依赖后端配置。
1、在Claude页面按F12或Ctrl + Shift + I打开开发者工具。
2、切换至“Console”(控制台)标签页。
3、粘贴并执行以下代码:
document.documentElement.style.cssText += "filter: invert(1) hue-rotate(180deg);";
4、按回车运行,整个页面将实时转为类夜间反色模式;再次执行同一行代码可恢复原状。
三、使用系统级深色模式联动(macOS / Windows)
此方式无需修改Claude任何设置,依赖操作系统全局深色策略触发前端自动适配,对jp.claude.global/zh-cn等CDN节点尤其有效。
1、在macOS中:进入“系统设置”→“外观”,选择深色模式。
2、在Windows中:进入“设置”→“个性化”→“颜色”,将“选择颜色”设为深色,并开启“在Windows模式下让应用使用我的首选项”。
3、重启浏览器,重新访问Claude任意入口(如https://clade.top或https://jp.claude.global/zh-cn/),等待页面加载完毕后观察顶部导航栏与输入框是否呈现暗灰底色与浅灰文字。
四、Cursor编辑器内嵌Claude的夜间模式配置
Cursor作为深度集成Claude Sonnet 4.5的IDE,其夜间模式由编辑器本身控制,需在Cursor设置中统一开启,Claude侧边栏将自动继承。
1、启动Cursor,点击左下角齿轮图标打开“Settings”(设置)。
2、在搜索框中输入theme,定位到“Workbench > Color Theme”选项。
3、点击下拉菜单,选择GitHub Dark Default或One Dark Pro等深色主题。
4、关闭设置面板,在任意代码文件中唤出AI Assistant侧边栏,确认其背景与文本已同步变为深色风格。










