Smart Dark Mode

Global Darkmode

Turn in bright websites to dark.
目前为 2021-11-02 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name           Global Darkmode
// @description    Turn in bright websites to dark.
 
// @name:ko        글로벌 다크모드
// @description:ko 밝은 색의 웹 사이트들을 어둡게 만듭니다.
 
// @namespace      https://ndaesik.tistory.com/
// @version        2021.11.02.13:42
// @author         ndaesik
// @icon        https://www.iconsdb.com/icons/preview/gray/moon-4-xxl.png
// @include        *
// ==/UserScript==
 
// Turn light page to dark
var styles = `
html[w_root] {background:#FFF!important}
html[white] body {background:none!important}
html[white] * {text-shadow:0 0 .1px}
html[white],
html[white] :is(i, img, image, embed, video, canvas, option, object, frame, :fullscreen:not(iframe), iframe:not(:fullscreen), body frameset),
html[white] body>* [style*="url("]:not([style*="cursor:"]):not([type="text"]) {filter:invert(1)hue-rotate(180deg)!important}
html[white] video:fullscreen,
html[white] body>* [style*="url("]:not([style*="cursor:"]) :not(#⁠){filter:unset!important}
 
html[white]:not(#⁠) :is(canvas, option, object, frame, body frameset) :is(i, img, image, embed, video),
html[white]:not(#⁠) video:fullscreen{filter:unset!important}
`
 
const styleSheet = document.createElement("style")
styleSheet.type = "text/css"
styleSheet.innerText = styles
document.head.appendChild(styleSheet)
 
// Detect page is whether light or dark
function wd(target) {
    const v = getComputedStyle(document.querySelector(target), null).getPropertyValue("background-color").match(/\d+/g);
    const c = (parseInt(v[0]) + parseInt(v[1]) + parseInt(v[2])) > 500 || parseInt(v[3]) == 0; // get sum of rgb and check | return true when it's invisible
    if ( c == true ) { return true; }
    return false;
}
function n(n){document.documentElement.setAttribute(n, "");}
 
// set attribute
if ( self === top ) {
    if ( wd("html") && wd("body") && window.parent.document.body.offsetHeight !== 0 ) { n("white"); n("w_root"); }
    else;
};
 
if ( self !== top ) {
    if ( window.parent.document.querySelector('html[w_root]') !== null && !( wd("html") && wd("body") ));
    else n("white");
};
 
if (window.parent.document.body.offsetHeight == 0) {
    let max;
    document.querySelectorAll('body > *').forEach(e=>{
        if (max == null) max = e;
        else if (e.scrollHeight > max.scrollHeight) max = e;
    });
    const v2 = getComputedStyle(max, null).getPropertyValue("background-color").match(/\d+/g);
    const c2 = (parseInt(v2[0]) + parseInt(v2[1]) + parseInt(v2[2])) > 500 || parseInt(v2[3]) == 0;
    if ( c2 == true ) n("white");
    else;
}
欢迎访问Greasy Fork镜像
