能不能根据这个暗黑js搞个油猴脚本？

[Mr.Fox (狐狸)]

Darkmode.Js - 一键为网站添加黑暗模式 - 小众软件

现在在用dark reader扩展，但有些网站想临时换换风格的说

比如 知乎有暗黑模式 却不给按钮，只能在url里加个参数搞

[dms (稻米鼠)]

临时的话小书签就好了吧

直接切换到黑暗模式

javascript:(()=>{
  script = document.createElement('script');
  script.src = 'https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js';
  document.body.append(script);
  const waitScriptLoad = window.setInterval(()=>{
      if(typeof(Darkmode)==='function'){;
          const darkmode = new Darkmode();
          darkmode.toggle();
          if(darkmode.isActivated()){
            window.clearInterval(waitScriptLoad);
          }
      }
  }, 500)
})()

显示切换按钮

javascript:(()=>{
  script = document.createElement('script');
  script.src = 'https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js';
  document.body.append(script);
  const waitScriptLoad = window.setInterval(()=>{
      if(typeof(Darkmode)==='function'){;
          const darkmode = new Darkmode();
          darkmode.showWidget();
          if(document.querySelector('.darkmode-toggle')){
            window.clearInterval(waitScriptLoad);
          }
      }
  }, 500)
})()

[dms (稻米鼠)]

代码改了，再安装一下试试

显示切换按钮的话，就没办法直接进入黑暗模式，等回头我再改一下吧，

[dms (稻米鼠)]

上面的脚本改了，我去再看看他家文档。小书签确实在一些情况下无法正常的插入代码，

[dms (稻米鼠)]

油猴子来了

// ==UserScript==
// @name        一键黑暗模式
// @namespace   Dark!Dark!!Dark!!!
// @match       *://*/*
// @grant       GM_addStyle
// @version     1.0
// @author      dms
// @description 2020/3/12 下午4:34:28
// @require https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js
// ==/UserScript==

window.addEventListener('load', ()=>{
    GM_addStyle(`.darkmode-layer, .darkmode-toggle {
      z-index: 500;
    }
    .darkmode-layer--button {
      width: 40px !important;
      height: 40px !important;
    }
    .darkmode-layer--simple {
      width: 100% !important;
      height: 100% !important;
    }
    .darkmode-toggle {
      width: 42px !important;
      height: 42px !important;
    }`)
    new Darkmode().showWidget();
})

[Mr.Fox (狐狸)]

cool~

[dms (稻米鼠)]

因为在一些网站上可能无法点击，刚刚又按照他的文档加了两句样式.

[dms (稻米鼠)]

小事情~

[tim1103]

主站为何不上一个…

[Mr.Fox (狐狸)]

看起来可以接受哈

[zaonie]

感谢鼠大~
太好用了。2周以来爱不释手。

[dms (稻米鼠)]

能让大家用的开心，我也感到很开心呀~

感谢回馈，喵喵~老鼠兴奋的打滚滚~

[zaonie]

• 鼠大佬。。。最近不知道出什么问题了。

• 我感觉这个黑色开关怎么有点。。。巨大
  。

  

• 我确信我关掉了其他所有油猴脚本（只打开了您的一键暗黑），然后截的图。

[zaonie]

话说你的greasyfork里已经有若干你的脚本了。
有兴趣把这个也扔进greasyfork吗？

[dms (稻米鼠)]

@zaonie

这个黑色开关怎么有点。。。巨大 。

两方面原因：

• 这个工具的按钮尺寸居然是绑定到页面的基础字号的；
• 百度居然把页面基础字号设置为了 100px （普通页面 14px~16px）

上面脚本已经修改了，你可以重新安装一下。

@zaonie

greasyfork

因为这个脚本只是做了非常简单的引入工作，而主要功能不是我写的，所以不会发布。

如果这家伙一直要我给他打补丁的话……倒是很烦，不太麻烦或者很闲的话也许会自己写个……吧

（低头看了一下这家伙的代码……我擦，就单纯反色处理啊！

[Fox (狐狸)]

夜间模式助手

gf上面还有个类似的

[zaonie]

感谢分享。你介绍的这个脚本很好，它的反色显示不会让图片也诡异反色。。

[zaonie]

• 感谢稻米鼠~~

• 是的，他连图片和视频都会反色。。。一刀切。

• 我做个截图比对吧。放在楼下。

[zaonie]

• 我做个截图比对给对这方面感兴趣的网友看看8
• 分别是在小众软件主站（给大家看图片效果）；某直播站（给大家看视频效果）。

1. 一键暗黑模式（稻米鼠引入的这个）

   
   
   ）
   图片、视频也反色显示，一视同仁。

2. 黑暗模式（Fox介绍的这个）
   

   
   
   
   图片没有反色显示，但是这个视频会直接遮住。

[Fox (狐狸)]

试试，我觉得这个舒服些

// ==UserScript==
// @name        一键黑暗模式
// @namespace   Dark!Dark!!Dark!!!
// @match       *://*/*
// @grant       GM_addStyle
// @version     1.0
// @author      dms
// @description 2020/3/12 下午4:34:28
// @require https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js
// ==/UserScript==

javascript:(()=>{
  script = document.createElement('script');
  script.src = 'https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js';
  document.body.append(script);
  const waitScriptLoad = window.setInterval(()=>{
      if(typeof(Darkmode)==='function'){;
          const darkmode = new Darkmode();
          darkmode.showWidget();
          if(document.querySelector('.darkmode-toggle')){
            window.clearInterval(waitScriptLoad);
          }
      }
  }, 500)
})()