Anti-Grayscale

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

Visit the author's site for support, ask a question, post a review, or report the script.

Wrap lines

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

})();