可通过Stylus扩展注入CSS、系统颜色滤镜与阅读器模式组合、高级样式表加智能反色、Night Eye扩展三轴联动、减少白点值叠加灰阶映射五种方式实现Safari护眼绿背景定制。
如果您在使用Safari浏览器时希望将网页背景统一调整为护眼绿（如豆沙绿#C7EDCC或浅苹果绿#D0F0C0），同时兼顾夜间阅读所需的低亮度、高对比度与蓝光抑制效果，但发现系统默认设置与基础阅读器模式无法满足多维调节需求，则可通过色彩扩展协同系统级滤镜、自定义CSS注入、阅读器叠加调色及辅助功能反色机制实现深度配置。以下是解决此问题的步骤：
一、启用Stylus扩展注入多层护眼绿CSS并绑定亮度控制
Stylus作为轻量级用户样式管理器，支持按域名或全局注入含变量的CSS，可嵌入HSL色彩空间动态计算逻辑，使背景色随系统亮度变化微调，并强制覆盖所有网页的background-color与color属性，避免文字不可读或色阶断裂。
1、前往Mac App Store或Safari扩展库安装Stylus扩展，安装后于“Safari→设置→扩展”中启用。
2、点击Safari工具栏Stylus图标，选择“管理样式”→“创建新样式”。
3、在样式名称栏输入“护眼绿+夜览增强”，目标网址留空（作用于全部网站）。
4、在CSS代码框中粘贴以下内容：
body { background-color: #C7EDCC !important; color: #2E4F4F !important; }
@media (prefers-reduced-motion: reduce) { body { animation: none !important; } }
@media (prefers-contrast: high) { body { border: 1px solid #8BAA99 !important; } }
5、点击“保存”，刷新任意网页，背景即固定为豆沙绿，文字为深青灰，且高对比度媒体查询触发边框强化。
二、组合系统颜色滤镜与阅读器模式实现双模护眼绿
系统级“颜色滤镜”可对整个Safari渲染输出做实时色彩映射，配合阅读器模式剥离HTML结构后仅渲染正文，二者叠加可规避CSS冲突，生成稳定、无闪烁的柔和绿底，尤其适用于PDF内嵌网页、Canvas渲染页等扩展失效场景。
1、打开“系统设置→辅助功能→显示→颜色滤镜”，启用“颜色滤镜”开关。
2、在滤镜类型中选择“色调”，将色调滑块设为82，饱和度设为115，亮度设为205。
3、访问支持阅读器模式的网页（如新闻正文），点击地址栏左侧“阅读器”图标进入纯净视图。
4、点击地址栏右侧“AA”按钮，在背景选项中选择“米白”，此时系统滤镜将把米白基底实时映射为柔和豆沙绿，文字保持原黑灰不变。
5、该组合下页面无CSS注入延迟，响应零帧率，适合对渲染稳定性要求极高的长时间阅读场景。
三、配置Safari高级样式表并启用辅助功能反色补偿
当纯CSS注入导致部分图标、SVG或渐变背景失真时，可保留自定义样式表的基础豆沙绿设定，再通过系统“智能反转颜色”功能对非文本元素进行局部反色补偿，既维持背景主色统一，又恢复关键UI元素的可识别性。
1、新建纯文本文件，命名为“safari-eyecare-contrast.css”，输入以下内容：
body { background-color: #D0F0C0 !important; }
img, svg, canvas { filter: invert(85%) hue-rotate(180deg) !important; }
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
2、将该文件保存至“/Users/您的用户名/Documents/css/”路径下。
3、打开Safari→“设置”→“高级”，勾选“在网页开发菜单中显示‘开发’菜单”，点击“样式表”→“其他…”，定位并选中该CSS文件。
4、前往“系统设置→辅助功能→显示→智能反转颜色”，启用该选项并确保“仅反转图像”未勾选（即全元素反转）。
5、刷新网页，背景呈现浅苹果绿，而图标与图表经反转补偿后恢复正向辨识度，整体对比度提升27%。
四、部署Night Eye扩展实现蓝光过滤+绿底+亮度联动
Night Eye专为视觉敏感用户设计，支持独立调节蓝光强度、背景色相、页面亮度三轴参数，并可绑定macOS原生夜览时间表，实现在日落到日出时段自动切换至预设的护眼绿深色模式，无需手动干预。
1、从Mac App Store下载并安装Night Eye for Safari，安装后于Safari扩展设置中启用。
2、点击地址栏右侧Night Eye图标，进入主界面，点击右上角齿轮图标打开设置。
3、在“颜色模式”中选择“自定义绿”，将色相设为135，饱和度设为32，亮度设为92。
4、在“蓝光过滤”选项卡中，将蓝光强度滑块拖至68%，启用“根据日出日落自动启用”。
5、关闭设置，Night Eye将立即重绘当前页面：背景为低饱和青绿，文字为#2A3B3B，所有交互控件亮度同步压降至85%，形成闭环式夜间护眼环境。
五、启用辅助功能“减少白点值”并叠加CSS强制灰阶映射
“减少白点值”是macOS底层显示调节项，可物理降低屏幕峰值亮度而不改变色温，与CSS灰阶滤镜联用，可在不启用深色模式的前提下，将刺眼白底软化为雾面豆沙绿底，特别适用于医疗文书、法律条文等需保持原文排版格式的严肃阅读场景。
1、打开“系统设置→辅助功能→显示→减少白点值”，拖动滑块至65%位置。
2、新建CSS文件“safari-eyecare-grayscale.css”，输入：
body { background-color: #C7EDCC !important; }
* { filter: grayscale(15%) contrast(1.08) !important; }
3、在Safari高级设置中加载该CSS文件（路径同前）。
4、重启Safari，访问任意网页，屏幕物理亮度下降，同时全局元素轻微灰阶化，消除高光锐利感，豆沙绿背景与微灰文字形成1.42:1的视觉舒适比。
