上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
12下一页
返回列表 发新帖

【搬运】护眼模式-简单有效的全网通用护眼模式(夜间模...

[复制链接]
回帖奖励 150 油猫币 回复本帖可获得 5 油猫币奖励! 每人限 1 次

该用户从未签到

10

主题

11

帖子

104

积分

网站编辑

Rank: 8Rank: 8

积分
104
发表于 2022-7-13 14:10:06 | 显示全部楼层 | 阅读模式
安装此脚本 如何安装? 脚本问题反馈 给脚本评分 查看代码

搬运自: https://github.com/XIU2/UserScript/blob/master/DarkMode.user.js

该脚本有什么用?

注意:如果关闭/删除脚本、甚至删除 Tampermonkey 扩展后,依然存在护眼模式,那么可能是某个扩展导致的(已有 2 例相关反馈),请关闭所有浏览器扩展后检查是否正常,如果正常就一个个排除扩展。

我用过很多实现护眼、夜间、暗黑模式的浏览器扩展,但感觉都不尽人意,于是自己折腾出了个最简单的全网通用护眼、夜间、暗黑模式。

该脚本其实就是依靠 CSS 样式中的 filter 滤镜功能,以实现降低亮度、暖色调等显示效果(但不支持修改网页背景颜色)~

模式切换

注意: 因为图片经过压缩,所以显示效果与实际体验有差距(再加上后续多次调整样式),请以实际体验为准!

  • 模式一: 降低网页亮度,对网页颜色影响最小。
  • 模式二: 降低网页亮度,并添加暖色调滤镜(降低蓝光?),眼睛看起来会比方案一舒服点?我自己是主用这个模式。
  • 模式三: 直接对网页进行负片反色(图片、视频除外),注意:该模式兼容性/通用性一般,部分网页的图片、视频可能不尽人意,难以解决。

模式 3 比较特殊,因此还有个 [自定义排除目标] 的功能(位于自定义当前模式选项中),但是需要一点 CSS 基础,如果不会写,可以找我帮忙。

切换模式很简单,点击浏览器右上角的 Tampermonkey 扩展图标中的 #️⃣ 点击切换模式 即可循环切换。

image.png

image.png

image.png

自定义当前模式

目前已经支持自定义当前模式的亮度/暖色/反色百分比等~

如需要,可以点击浏览器右上角的 Tampermonkey 扩展图标 #️⃣ 自定义当前模式。
模式 3 比较特殊,因此还额外有个 [自定义排除目标] 的功能,但是可能需要一点 CSS 基础,如果你不会写,可以找我帮忙。

白天保持开启

自从眼睛适应了护眼滤镜后,我现在白天也想继续开着护眼模式了,因此添加了该选项,大家自行选择。

白天指的是早上 7 点 ~ 晚上 19 点,如果开启该功能,白天的护眼模式相比晚上会略亮一点点(可以自定义)。

默认开启,如要关闭,请点击浏览器右上角的 Tampermonkey 扩展图标 ✅ 白天保持开启。

晚上自动切换模式

设置后,白天、晚上会自动切换为指定模式(例如白天用模式 1,晚上用模式 3)~

默认关闭,如要开启,可以点击浏览器右上角的 Tampermonkey 扩展图标 #️⃣ 晚上自动切换模式。

自定义昼夜时间

上面两个功能都是通过指定时间来判断的,默认为 6:00 ~ 18:00,不同季节昼夜长短不同,大家自行调整~

如需要,可以点击浏览器右上角的 Tampermonkey 扩展图标 #️⃣ 自定义昼夜时间。

护眼模式跟随浏览器

如果浏览器是深色模式,则脚本会自动开启 [护眼模式],反之则关闭(不运行脚本)。

注意: 因为 JS 只能获得浏览器是否为暗黑模式,无法获取系统样式,因此需要设置浏览器跟随系统暗黑模式。
默认关闭,如要开启,请点击浏览器右上角的 Tampermonkey 扩展图标 ❌ 护眼模式跟随浏览器。

智能排除自带暗黑模式的网页 (beta)

因为越来越多的网站自带暗黑模式了,如果每次都要手动排除网站太麻烦了,那么干脆交给脚本解决吧。

默认开启,如要关闭,请点击浏览器右上角的 Tampermonkey 扩展图标 ✅ 排除自带暗黑模式的网页 (beta)。
如果觉得脚本自动识别不好用,那么可以关闭该功能,然后手动排除指定网站(见下面 如何排除某些网站)。

已知问题 ①:一些网站使用深色背景,白色主体的颜色搭配,会使脚本无法正确识别(脚本是根据网页背景颜色判断是否自带暗黑模式的)。

强制当前网站启用护眼模式

因为 [智能排除自带暗黑模式的网页 (beta)] 功能目前无法识别部分网站(这些网站为深色背景,浅色主体的颜色搭配)。

目前没有什么好的方法去识别,考虑到这类网站占比较小,所以大家自行选择是否强制当前网站启用护眼模式~

强制启用,请点击浏览器右上角的 Tampermonkey 扩展图标 ✅ 已强制当前网站启用护眼模式。

恢复默认,请点击浏览器右上角的 Tampermonkey 扩展图标 ❌ 未强制当前网站启用护眼模式。

注意:因为该功能是对 [智能排除自带暗黑模式的网页 (beta)] 的补充,所以只有 [智能排除自带暗黑模式的网页 (beta)] 功能启用的时候才会生效~

对当前网站启用/禁用护眼模式

如果要禁用,请点击浏览器右上角的 Tampermonkey 扩展图标 ✅ 已启用 (点击对当前网站禁用)。

如果要启用,请点击浏览器右上角的 Tampermonkey 扩展图标 ❌ 已禁用 (点击对当前网站启用)。

有什么建议?请告诉我!(Github Issues

赞赏支持

image.png
image.png

  • TA的每日心情
    开心
    2022-8-30 09:38
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    0

    主题

    22

    帖子

    33

    积分

    助理工程师

    Rank: 1

    积分
    33

    新人报道喜迎中秋

    发表于 2022-7-13 17:31:44 | 显示全部楼层

    回帖奖励 +5 油猫币

    不错,晚上不用费眼了
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-8-15 11:21
  • 签到天数: 99 天

    [LV.6]常住居民II

    0

    主题

    38

    帖子

    58

    积分

    初级工程师

    Rank: 4

    积分
    58
    发表于 2022-7-15 13:20:52 | 显示全部楼层

    回帖奖励 +5 油猫币

    谢谢楼主!
    回复

    使用道具 举报

  • TA的每日心情
    开心
    前天 18:44
  • 签到天数: 8 天

    [LV.3]偶尔看看II

    0

    主题

    5

    帖子

    8

    积分

    助理工程师

    Rank: 1

    积分
    8
    发表于 2022-8-2 11:53:04 | 显示全部楼层

    回帖奖励 +5 油猫币

    谢谢楼主!对夜猫子来说,再合适不过了
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2022-8-23 16:10
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    7

    帖子

    6

    积分

    助理工程师

    Rank: 1

    积分
    6
    发表于 2022-8-9 09:41:11 | 显示全部楼层

    回帖奖励 +5 油猫币

    怎么经常不运行
    回复

    使用道具 举报

  • TA的每日心情
    开心
    昨天 09:21
  • 签到天数: 47 天

    [LV.5]常住居民I

    0

    主题

    9

    帖子

    26

    积分

    助理工程师

    Rank: 1

    积分
    26
    发表于 2022-8-9 10:19:49 | 显示全部楼层

    回帖奖励 +5 油猫币

    谢谢楼主分亨。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    1 小时前
  • 签到天数: 137 天

    [LV.7]常住居民III

    0

    主题

    14

    帖子

    185

    积分

    中级工程师

    Rank: 5Rank: 5

    积分
    185
    发表于 2022-8-9 18:43:20 | 显示全部楼层

    回帖奖励 +5 油猫币

    感谢分享,ggnb!!!
    回复

    使用道具 举报

  • TA的每日心情
    开心
    6 天前
  • 签到天数: 35 天

    [LV.5]常住居民I

    0

    主题

    40

    帖子

    40

    积分

    初级工程师

    Rank: 4

    积分
    40
    发表于 2022-8-16 13:45:09 | 显示全部楼层

    回帖奖励 +5 油猫币

    晚上加班专用
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2022-8-29 18:05
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    2

    帖子

    3

    积分

    助理工程师

    Rank: 1

    积分
    3
    发表于 2022-8-29 18:08:28 | 显示全部楼层

    回帖奖励 +5 油猫币

    妙啊,晚上加班专用
    回复

    使用道具 举报

  • TA的每日心情
    开心
    6 天前
  • 签到天数: 35 天

    [LV.5]常住居民I

    0

    主题

    40

    帖子

    40

    积分

    初级工程师

    Rank: 4

    积分
    40
    发表于 2022-9-16 10:08:58 | 显示全部楼层
    谢谢分享,正好需要
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表