三步搞定网页色彩定制：Midnight Lizard 的实用护眼配色方案

三步搞定网页色彩定制Midnight Lizard 的实用护眼配色方案【免费下载链接】Midnight-LizardСustom color schemes for all websites项目地址: https://gitcode.com/gh_mirrors/mi/Midnight-LizardMidnight Lizard 是一款同时支持 Chrome 和 Firefox 的浏览器扩展它给任意网站统一套上一套自定义配色方案。作为专门的网页色彩定制工具装一次就能全站生效不用为不同站点来回切换设置。想象一下这个场景深夜十一点网页上大片纯白在暗房间里像一盏灯。你装上各种夜间模式扩展去试结果要么页面被整版反成白字黑板看不下去要么某些站点压根不认屏幕还是刺眼的白。它和常见一键夜间模式扩展的区别在于后者通常把页面整体反转或压一层滤镜出来就是非黑即白没有调节余地。Midnight Lizard 把配色方案做成一组参数——先选深、浅、灰度、彩色四种基调之一再细调亮度、饱和度、对比度、色调四个值网页里的图片和照片不会被误调成反色PDF 和本地文件同样适用。 三步完成扩展加载1. 准备环境并拉源码。先在机器上装好 Node.js运行 JavaScript 的环境npm 包管理器随它一起装上然后把项目克隆到本地git clone https://gitcode.com/gh_mirrors/mi/Midnight-Lizard2. 装依赖并执行构建。进入项目目录第一条命令安装构建所需依赖第二条把 ts/ 目录下的 TypeScript 源码全部编译产物输出到仓库根的 js/ 目录cd Midnight-Lizard npm install NODE_OPTIONS--openssl-legacy-provider npm run prod-build开头的 NODE_OPTIONS 是兼容旧版 Node 的 openssl 参数照抄即可。3. 在浏览器里加载扩展。两条分支Chrome打开 chrome://extensions打开开发者模式开关允许浏览器加载非商店扩展的调试入口点加载已解压的扩展程序选中含 manifest.json 的项目目录。Firefox打开 about:debugging选此 Firefox→临时加载附加组件指向扩展的清单文件。 夜读护眼参数怎么调下班后读长文选深色基调把整体亮度往下压一档对蓝光敏感的话再开蓝光过滤它把所有颜色向暖红方向挪一点深夜的屏幕就不会那么冷白。这一套组合是护眼模式的常规做法效果类似下图文字浅灰、底色深、配图保持原样。 文档阅读用对比度保住可读性读论文或长手册这类密集文字时重点是看得清而不是压得多暗。把对比度调高让文字和底色拉开边界浅色页面下长时间阅读也不费眼。 个性配色四个参数各管什么不想只有黑白就选彩色基调再微调。四个参数分工如下参数管什么亮度页面整体的明或暗饱和度颜色浓淡、鲜不鲜艳对比度文字与背景的分明程度色调整页色彩走向配色方案生效后图片依旧保持原样可以按喜好反复调⚙️ 进阶设置三件常用事网站黑白名单为特定站点单独设置跳过或强制生效跟随系统主题操作系统切深浅色时扩展跟着走快捷键按 AltShiftL 开关方案喜欢折腾的话可以翻源码页面改造逻辑在 ts/ContentScript/ 目录针对单个站点的样式在 css/custom/ 里。Midnight Lizard 把夜间模式从一个开关变成了一组可调的参数。现在就打开扩展设置页先挑一个深色基调读十分钟觉得不对再一项项动亮度和对比度。【免费下载链接】Midnight-LizardСustom color schemes for all websites项目地址: https://gitcode.com/gh_mirrors/mi/Midnight-Lizard创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考