Anti-Grayscale

移除页面的灰色模式 (恢复页面的彩色模式). Remove grayscale of html page (Restore color mode of html page).

Bezoek de website van de maker, stel een vraag, plaats een beoordeling of rapporteer dit script.

Regels afbreken

// ==UserScript==
// @name         Anti-Grayscale
// @description  移除页面的灰色模式 (恢复页面的彩色模式). Remove grayscale of html page (Restore color mode of html page).
// @version      2.0
// @author       xcanwin
// @namespace    https://github.com/xcanwin/Anti-Grayscale/
// @supportURL   https://github.com/xcanwin/Anti-Grayscale/
// @icon         data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" stroke-width="2" fill="none" stroke="currentColor"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
// @license      GPL-2.0-only
// @match        *://*/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    const $ = (Selector, el) => (el || document).querySelector(Selector);
    const $$ = (Selector, el) => (el || document).querySelectorAll(Selector);

    const main = () => {
        $$("*").forEach(el => {
            [
                "filter", "-webkit-filter", "-moz-filter", "-ms-filter", "-o-filter",
            ].forEach(xcanwin => {
                const re = /grayscale\(.*?\)/gi;
                const style = document.defaultView.getComputedStyle(el, null)[xcanwin];
                if (style && style.match(re)) {
                    el.style.setProperty(xcanwin, style.replace(re, "grayscale(0)"), "important");
                }
            });
        });
    };

    main();

})();