Dark Mode

Simple and effective network-wide eye protection mode (night mode, dark mode, dark mode)

Install this script?
Author's suggested script

You may also like AutoPager.

Install this script
Author
X.I.U
Daily installs
14
Total installs
116,792
Ratings
152 20 4
Version
1.5.5
Created
2021-05-13
Updated
2024-11-18
License
GPL-3.0 License
Applies to
All sites

请确保已安装 Tampermonkey 正式版 扩展(脚本管理器)后,再去点击上面的 [安装脚本] !

注意: 因为浏览器执行标准差异,该脚本依赖的 CSS filter 样式在 Firefox 浏览器上存在兼容性问题(比如导致所有悬浮元素消失)。


Tampermonkey v5.2.0 后脚本无法正常运行?

Tampermonkey v5.2.0 版本转为了 Manifest V3,因此需要在浏览器的扩展管理界面启用 开发者模式 才能正常运行脚本!


GitHub license GitHub Star GitHub Fork jsDelivr Greasyfork

  • CloudflareSpeedTest - 测试 Cloudflare CDN 延迟和速度,获取最快 IP (IPv4+IPv6)!19k+
  • Trackerslist.com - 每天更新!全网热门 BT Tracker 列表!有效提高 BT 下载速度25k+
  • YueDu - 分享我自制自用的「阅读」APP 精品书源(网络小说)!8k+
  • 护眼模式 - 简单有效的全网通用护眼、夜间、暗黑模式
  • 知乎增强 - 移除登录弹窗、屏蔽首页视频、快捷收起回答/评论、快捷回到顶部、屏蔽用户/关键词/盐选、默认高清原图、默认站外直链...
  • Github 增强 - 高速下载 Clone、Release、Raw、Code(ZIP) 等文件、项目列表单文件快捷下载 (☁)
  • 蓝奏云网盘增强 - 刷新不回根目录、后退返回上一级、右键文件显示菜单、点击直接下载文件、自动显示更多文件、自定义分享链接域名...
  • 自动无缝翻页 - 无缝拼接下一页内容(瀑布流),目前支持:所有「Discuz!、Flarum、phpBB、NexusPHP...」论坛、百度、谷歌、必应、搜狗、贴吧、豆瓣、NGA、3DM、千图网、游侠网、游民星空、NexusMods、Steam 创意工坊、影视、动漫、漫画、BT 等...

如果觉得还不错,就去 Github 点个 [⭐ Star] 鼓励一下下吧(或者多多分享)! https://github.com/XIU2/UserScript


该脚本有什么用?

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

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

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

# 模式切换

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

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

模式 3 就是对整个网页添加负片反色滤镜,然后再去单独对图片、视频等元素额外再添加一层负片反色滤镜,负负得正,让其反转回正常颜色。

但因为各网页的差异、复杂性,导致我虽然加了一些 图片、视频 等元素选择器,但是无法完全覆盖所有情况。一些网页必须要单独分析原因来解决,还有一些网页图片因为用的是背景样式插入所以完全无法解决,最后导致的就是现在这样。

因为模式 3 有这种兼容性缺陷,且没有什么一劳永逸的解决方案,而我又懒得一个个网站去适配,所以我自己是不用的,不知道为啥你们都在用这个模式。。。我写这个脚本是自用的,目前我主用模式 2

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

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


# 自定义当前模式

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

如需要,可以点击浏览器右上角的 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


如何安装/使用该脚本?

要使用该脚本,需要浏览器安装一个 Tampermonkey 脚本管理器扩展(Chrome / Firefox / Edge)。

其他基于 Chromium 内核的浏览器(如国内套皮浏览器)都可以使用 Chrome 的扩展。

请确保使用 Tampermonkey 正式版 扩展,其他的用户脚本管理器可能导致无法正常使用脚本。

不会离线安装 .crx 扩展? 请重新开启 Chrome、Edge 隐藏 [拖入安装 .crx 扩展] 功能!


赞赏支持 ~

微信赞赏支付宝赞赏


更新日志: