Smart Dark Mode

Global Darkmode

Turn in bright websites to dark.
当前为 2021-10-27 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name       Global Darkmode
// @description Turn in bright websites to dark.

// @name:ko        글로벌 다크모드
// @description:ko  밝은 색의 웹 사이트들을 어둡게 만듭니다.

// @namespace   https://ndaesik.tistory.com/
// @version     2021.10.27.16:07
// @author      ndaesik
// @icon        data:image/webp;base64,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
// @include      /^(?!.*youtube.com).*/
// ==/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]:after,
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
const v = getComputedStyle(document.body, null).getPropertyValue("background-color");
const m = v.match(/\d+/g);
const r = parseInt(m[0]);
const g = parseInt(m[1]);
const b = parseInt(m[2]);
const checkWhite = (r + g + b) > 500 || v == 'rgba(0, 0, 0, 0)';
function n(n){document.documentElement.setAttribute(n, "");}

// set attribute
if ( self === top ) {
    if ( checkWhite ) {
        n("white");
        n("w_root");
    } else {
        // dark root
    }
};

if ( self !== top ) {
    if (window.parent.document.querySelector('html[w_root') === null || !( checkWhite )) {
        // is white rooted black children
    } else {
        n("white");
    }
};