首先我们先做一个实验，在任意网站中，打开浏览器开发者工具(F12)，在Console控制台输入如下代码并回车：

document.documentElement.style.filter='invert(85%) hue-rotate(180deg)'

神奇的事情发生了，当前打开的网站变成了暗黑模式。

• 原理解释
• document.documentElement 获取文档对象的根元素，即元素
• 给html元素的.style样式添加filter滤镜样式为invert(85%) hue-rotate(180deg)
• invert() 反转图像。
• hue-rotate()色相旋转。
  更多滤镜知识： filter

接下来，让我们对代码做一点修改（修正了滤镜对图片等元素的影响）

javascript: (function () {  const docStyle = document.documentElement.style;  if (!window.modeIndex) {    window.modeIndex = 0;  }  const styleList = [    '',    'invert(85%) hue-rotate(180deg)',   'invert(100%) hue-rotate(180deg)',  ];  modeIndex = modeIndex >= styleList.length - 1 ? 0 : modeIndex + 1;  docStyle.filter = styleList[modeIndex];  document.body.querySelectorAll('img, picture, video').forEach(el => el.style.filter = modeIndex ? 'invert(1) hue-rotate(180deg)' : '');})();

然后打开浏览器书签管理器，添加新书签切换模式，在网址栏粘贴这段代码并保存
以后在任意网站，只需要轻轻一点切换模式书签就可以让它变成85%的暗黑，再点一次就是100%的暗黑，再点一次变回正常模式。