深色 IDE 里打开白底网页,我给摸鱼插件加了自动压暗

上午十点，我工位斜对面那哥们探过头问我：你屏幕上那面白的是啥。

我这才反应过来——刚跑完一轮编译，我把一个文档网页开在 VS Code 里查接口参数，深色主题中间嵌着一大块纯白。那不是不好看，那是整块屏幕上唯一在发光的地方。

我第一反应不是关掉，是想去把它调暗。

📷 左边真在写代码，右边只剩一条缝

亮度不是护眼问题，是暴露问题

写代码久了的人都懂，办公室的灯和深色主题本来是一套，眼睛早就适应了。这时候编辑器中间突然开出一块纯白网页，先被刺到的不是内容，是亮度本身。

更麻烦的是它会替你喊。

代码在滚、终端在跑、日志在刷——这些全是暗的、会动的，看着就像有人在干活。但中间突然亮起一块白板，那个形状在余光里根本不需要辨认，它自己就把注意力拽了过去。旁边的人不用看清你读什么，光是「有一块白的」就够了。

所以我一直觉得，伪装的关键不是内容像代码，是亮度像代码。行号可以写死，折叠三角可以画得跟真的一模一样，但只要那块内容比周围亮，你的屏幕就在替你说一句「我这儿有东西」。

我试过直接反色，差点全毁了

深色 IDE 里看白底网页，正经做法是反色，让它整块变深。听着更彻底，我一开始就是这么做的。但很快发现反色会伤图片：网页里那些截图、插图、封面，反色之后就是负片，红的变青、蓝的变橙，整个页面像中毒。文字反色没人在意，图片反色一眼就露。

所以最后没走反色那条路，改成只压暗、不反色：白底从纯白压成一块舒服的深灰，文字照样清楚，图片还是原来那张图，只是整体暗了一档。关键是这个亮度跟面板底色接近了——余光扫过去，它就不再是屏幕上唯一在发光的那个形状。

这里还有个我踩过的坑：最早我一边压暗，一边把对比度往上调，想的是「压暗了字看不清，那加点对比」。结果亮度降了、对比反而更高，白底黑字更扎眼，白折腾一轮。压暗该把字和底一起往中间压，不该往两边拉。

📷 网页配色的几档和亮度滑杆都在设置里，拖一下就能看

一个我自己能接受的瑕疵

压暗是整体压的，所以网页里的图片会偏灰一点，看图不如原色通透。想看图用原色，想护眼看文档和长文用压暗。

另有一档是夜间，网页彻底翻成深色，文字看着最舒服，但它对图片要额外反一次才还原得回来，饱和度很深的蓝会偏紫。追剧我还是用压暗那档。

这两档我留在设置里自己拖着试，试了两周才定下默认值。不过改一次只要一秒钟。

📷 深色主题里压暗后的网页，和旁边代码是同一个亮度

门槛

装上就能用，零配置，不用另装任何运行时，macOS / Windows / Linux 都支持。VS Code 1.80+、CodeBuddy、Cursor、Windsurf、VSCodium 都能装。网页模式需要本机有 Chrome / Chromium / Edge 其一，其他三个模式不依赖任何外部程序。

怎么装

到扩展市场搜 MOY 就能装，装完左侧活动栏会出现 MOY 的图标，点开即用。

📷 搜索框输 MOY，红框标出来的那个就是

IDEA / PyCharm / WebStorm 全系在插件市场搜 MOY Panel，授权码两边通用（IDEA 版需要本机有 Node.js）。

程序员摸鱼这事，说到底拼的都是这种细节：屏幕亮度、行号、滚动节奏——全是没人会注意、但有人多看一眼就会露的地方。真到要上班摸鱼又不敢开大屏幕的时候，这个摸鱼插件装完第一个该调的，就是这档亮度。

有问题公众号「码动MOY」后台留言，我基本都回。

📷 公众号「码动MOY」，有问题后台留言