写代码的人几乎每天要在编辑器前坐上七八个小时，如果编辑器界面刺眼、配色不科学，眼睛的疲劳感会累积得非常快。深色模式之所以被广泛推崇，是因为在光线较暗的环境下，深色背景能减少屏幕整体亮度，降低瞳孔调节压力。但深色模式并不等于简单把界面变黑，配色对比度、字体大小、环境光搭配都会影响最终的护眼效果。这篇文章从主流编辑器的设置方法讲到配色原理，再补充一些容易被忽略的护眼细节，帮你把html编辑器调整到长时间使用也不累眼的状态。
主流html编辑器如何开启深色模式
先说最常用的VS Code。打开编辑器后按Ctrl + K再按Ctrl + T，会直接弹出主题选择列表，里面内置了Dark+、Monokai、Solarized Dark等多套暗色主题，选中即可生效。也可以通过菜单栏的File、Preferences、Color Theme路径进入同一个列表。如果想恢复默认的深色主题，在命令面板中执行Color Theme命令同样可以找到。
Sublime Text的用户可以在菜单栏选择Preferences、Color Scheme，在弹出的配色方案中挑选Monokai、Celeste这类深色方案。Sublime的配色方案以文件形式存储在Packages目录下，后缀为tmTheme，完全可以自己复制一份修改，做出专属的护眼配色。
HBuilder X对国内开发者比较友好，点击顶部菜单的工具、主题，直接提供了柔和黑、静谧黑等几套针对护眼优化的暗色主题，切换后代码区、侧边栏、状态栏会整体联动变色，不需要额外配置。其他编辑器如WebStorm、Atom的入口大同小异，基本都在Settings或Preferences里的Appearance或Theme选项中。
深色模式为什么能护眼，以及配色的科学依据
深色模式的核心原理在于减少进入眼睛的总光量。白色背景的屏幕在夜间或昏暗环境下就像一盏灯，屏幕亮度与环境亮度差距越大，瞳孔和睫状肌的调节负担越重，时间一长就容易出现酸胀、干涩。深色背景把整体亮度降下来，缩小了屏幕与环境的反差，眼睛的舒适度自然提升。
但深色模式用错了反而更伤眼。最典型的错误是纯黑背景配纯白文字，对比度达到21比1，远超舒适区间，看起来字很清晰，实际上眼睛为了适应强烈的明暗跳跃反而更累。比较推荐的组合是深灰或深蓝底色配浅灰文字，整体对比度控制在7比1到10比1之间。比如背景色用#1E1E1E或#282C34，正文文字用#ABB2BF或#D4D4D4，这种搭配既有足够的可读性，又不会刺激眼睛。
语法高亮的颜色也需要留意。深色主题下尽量避免高饱和度的纯正红、纯正蓝作为前景色，它们在深底上会显得刺眼或发虚。可以选偏柔和的色值，比如橙色用#D19A66，绿色用#98C379，紫色用#C678DD，这些是One Dark主题的经典配色，长时间观看的舒适度经过大量开发者验证。
自定义护眼主题的具体做法
如果内置主题不能满足需求，可以动手自定义。以VS Code为例，按Ctrl + Shift + P打开命令面板，输入settings json，选择打开用户设置文件，然后加入如下配置就能微调编辑器颜色：
{
"workbench.colorTheme": "Default Dark+",
"workbench.colorCustomizations": {
"editor.background": "#1E1E1E",
"editor.foreground": "#D4D4D4",
"editor.lineHighlightBackground": "#2C2C2C",
"editorCursor.foreground": "#D19A66",
"editorLineNumber.foreground": "#6A737D"
},
"editor.fontFamily": "Consolas, 'Courier New', monospace",
"editor.fontSize": 15,
"editor.lineHeight": 24,
"editor.cursorBlinking": "smooth"
}上面这段配置里，行高亮背景设为略浅于背景的灰色，能帮助定位当前行又不至于形成强烈分界；字号15配合行高24，大约是1.6倍的行距比例，阅读代码时眼睛横向扫视更轻松。字号太小会导致眯眼和前倾，太大则减少单屏代码量、增加滚动频率，14到16号是多数人的舒适区间。
Sublime Text自定义配色需要编辑tmTheme文件，把background、foreground、caret等键的值替换成自己的色值即可。HBuilder X则在工具、主题、自定义主题中提供了可视化界面，点几下就能调整背景和文字颜色，对不熟悉配置文件的用户更友好。无论用哪款编辑器，改完配色后建议连续使用一两个小时，凭真实感受再微调，护眼参数本来就没有绝对标准，适合自己的才是最好的。
减少视觉疲劳的其他配合设置
深色模式只是护眼的一环，环境光线同样关键。夜间开一盏背景灯，让房间亮度不低于屏幕亮度的三分之一，能明显减轻眼睛的调节压力。白天面对窗户坐时注意避免阳光直射屏幕产生反光，反光会让眼睛不自觉眯起，加剧疲劳。
善用系统的夜间模式和定时提醒。Windows的夜览模式、macOS的Night Shift都能降低屏幕蓝光比例，晚上搭配深色主题使用效果更好。再配合番茄工作法，每写45分钟代码休息5分钟，起身远眺，让睫状肌得到放松，这比任何配色调整都更有效。
最后提醒一点，不要频繁在亮色和暗色主题之间来回切换。眼睛反复适应大范围亮度变化，反而比一直用一种模式更累。确定一套舒服的深色配色后坚持使用，配合规律的休息，才是长时间编码下保护视力的正确姿势。