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

问题求助❓
1

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

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

1 个赞
2

临时的话小书签就好了吧

直接切换到黑暗模式

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)
})()
4

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

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

8

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

9

油猴子来了

// ==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();
})
1 个赞
10

cool~

11

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

13

小事情~

14

主站为何不上一个…

15

看起来可以接受哈

小众软件
小众软件1920×926 133 KB

16

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

17

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

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

1 个赞
18
19

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

20

两方面原因：

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

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

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

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

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

1 个赞
21

gf上面还有个类似的

22

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

23

  • 感谢稻米鼠~~

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

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

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

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

    一键暗黑模式 小众软件主战_proc
    一键暗黑模式 小众软件主战_proc1146×784 77.3 KB
    一件暗黑模式 某直播站_proc
    一件暗黑模式 某直播站_proc1111×865 123 KB
    ）
    图片、视频也反色显示，一视同仁。

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

    暗黑模式 小众软件主战_proc
    暗黑模式 小众软件主战_proc1350×775 79.8 KB
    暗黑模式 某直播站_proc
    暗黑模式 某直播站_proc1497×822 44.2 KB

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

25

试试，我觉得这个舒服些

image
image870×610 56.9 KB 

// ==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)
})()