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

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

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

1 Like

临时的话小书签就好了吧

直接切换到黑暗模式

javascript:(()=>{
  script = document.createElement('script');
  script.src = 'https://cdn.jsdelivr.net/npm/darkmode-js@1.3.4/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/darkmode-js@1.3.4/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)
})()

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

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

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

油猴子来了

// ==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/darkmode-js@1.5.5/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 Like

cool~

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

小事情~

主站为何不上一个…

看起来可以接受哈

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

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

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

1 Like

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

两方面原因:

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

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

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

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

(低头看了一下这家伙的代码……我擦,就单纯反色处理啊!

1 Like

gf上面还有个类似的

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

  • 感谢稻米鼠~~

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

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

  • 我做个截图比对给对这方面感兴趣的网友看看8
  • 分别是在小众软件主站(给大家看图片效果);某直播站(给大家看视频效果)。
  1. 一键暗黑模式(稻米鼠引入的这个)


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

  2. 黑暗模式(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/darkmode-js@1.5.5/lib/darkmode-js.min.js
// ==/UserScript==

javascript:(()=>{
  script = document.createElement('script');
  script.src = 'https://cdn.jsdelivr.net/npm/darkmode-js@1.3.4/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)
})()