通用夜间模式切换器

在任何网页上切换夜间模式,使用filter方案,不破坏原有样式

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
Llldmiao
日安装量
0
总安装量
2
评分
0 0 0
版本
1.0.1
创建于
2025-11-22
更新于
2025-11-22
大小
19.8 KB
许可证
MIT
适用于
所有网站

通用夜间模式切换器(UserScript)

简介

本脚本为一款适用于任意网页的夜间模式切换器,采用 CSS filter 降低亮度的方式实现夜间模式,不破坏原有网页样式。支持按钮拖动、位置记忆、快捷键切换(Ctrl+Shift+D 或 Cmd+Shift+D),并兼容 SPA 页面。

功能特性

  • 一键切换夜间/日间模式,亮度调节不影响原网页结构
  • 支持按钮拖动,自动记忆按钮位置
  • 支持快捷键切换(Ctrl+Shift+D 或 Cmd+Shift+D)
  • 兼容大多数现代浏览器和 SPA 应用
  • 滚动条夜间样式优化,兼容 Chrome/Safari/Edge/Firefox
  • 轻量级实现,性能友好

使用方法

  1. 安装 TampermonkeyViolentmonkey 等用户脚本管理器。
  2. 新建脚本,将 dark-mode-userscript.js 文件内容粘贴进去并保存。
  3. 脚本会自动在所有网页生效,右下角会出现夜间模式切换按钮。
  4. 可拖动按钮调整位置,刷新后自动记忆。
  5. 可使用快捷键 Ctrl+Shift+D(Windows)或 Cmd+Shift+D(Mac)快速切换夜间模式。

参数说明

  • filterValue:夜间模式亮度(默认 0.5,可自行调整)
  • buttonSize:切换按钮尺寸(默认 48px)
  • 其它参数详见脚本内 CONFIG 配置项

兼容性

  • 支持主流桌面浏览器(Chrome、Edge、Safari、Firefox 等)
  • 支持大部分移动端浏览器(但拖动体验可能略有差异)

注意事项

  • 本脚本通过 filter 降低亮度实现夜间模式,部分极端配色网页可能效果有限
  • 若遇到兼容性问题或建议,欢迎反馈