Page Background Controller のソースコード

Page Background Controller

Advanced background protection with full gradient support
右端で折り返す
// ==UserScript==
// @name           Page Background Controller
// @namespace      Background Color
// @description    Advanced background protection with full gradient support
// @version        3.2
// @include        http*
// @include        ftp
// @match          *://*/*
// @license MIT
// @grant    GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    var Rth = 230, Gth = 230, Bth = 230;
    var baseColor = "#FDF6E3";
    var textColor = "#073642";

    var processedElements = new WeakSet();

    function parseRGB(RGB) {
        if (!RGB) return [0, 0, 0, 0];
        var match = RGB.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+))?\s*\)/);
        if (match) {
            return [parseInt(match[1]), parseInt(match[2]), parseInt(match[3]), match[4] ? parseFloat(match[4]) : 1];
        }
        return [0, 0, 0, 0];
    }

    function adjust(color, amount) {
        return '#' + color.replace(/^#/, '').replace(/../g, function(c) {
            return ('0' + Math.min(255, Math.max(0, parseInt(c, 16) + Math.floor(amount))).toString(16)).substr(-2);
        });
    }

    function hexToRgb(hex) {
        var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
        return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : null;
    }

    function realBackgroundColor(elem) {
        if (!elem) return 'rgba(0, 0, 0, 0)';
        var computed = getComputedStyle(elem);
        if (computed.backgroundImage !== "none") return undefined;
        var bg = computed.backgroundColor;
        if (bg === 'rgba(0, 0, 0, 0)' || bg === 'transparent') {
            return realBackgroundColor(elem.parentElement);
        }
        return bg;
    }

    // 解析渐变中的颜色
    function parseGradientColors(gradient) {
        var colors = [];
        // 匹配 rgb/rgba
        var rgbMatches = gradient.match(/rgba?\([^)]+\)/g) || [];
        colors = colors.concat(rgbMatches);
        // 匹配 hex
        var hexMatches = gradient.match(/#[a-f\d]{3,8}/gi) || [];
        colors = colors.concat(hexMatches);
        return colors;
    }

    // 替换渐变中的亮色
    function transformGradient(gradient) {
        var colors = parseGradientColors(gradient);
        var result = gradient;

        for (var i = 0; i < colors.length; i++) {
            var c = colors[i];
            var rgb;

            if (c.startsWith('#')) {
                rgb = hexToRgb(c);
                if (!rgb) continue;
            } else {
                rgb = parseRGB(c);
            }

            if (rgb[0] > Rth && rgb[1] > Gth && rgb[2] > Bth) {
                var newColor = adjust(baseColor, Math.max(-10, (rgb[0] + rgb[1] + rgb[2]) / 3 - 255));
                result = result.replace(c, newColor);
            }
        }

        return result;
    }

    function processElement(elem) {
        if (processedElements.has(elem)) return;

        try {
            var computed = getComputedStyle(elem);
            var bgImage = computed.backgroundImage;

            // 处理渐变
            if (bgImage && bgImage !== 'none' && bgImage.includes('gradient')) {
                var newGradient = transformGradient(bgImage);
                if (newGradient !== bgImage) {
                    elem.style.backgroundImage = newGradient;
                    processedElements.add(elem);
                }
                return;
            }

            // 有非渐变背景图，跳过
            if (bgImage && bgImage !== 'none') return;

            // 处理纯色背景
            var rbgcolor = realBackgroundColor(elem);
            if (rbgcolor === undefined) return;

            var RGB = parseRGB(rbgcolor);
            var acolor = adjust(baseColor, Math.max(-10, (RGB[0] + RGB[1] + RGB[2]) / 3 - 255));

            if (RGB[0] > Rth && RGB[1] > Gth && RGB[2] > Bth || elem.tagName === "BODY") {
                elem.style.backgroundColor = acolor;
                processedElements.add(elem);

                // 只在背景被改变时检查文字颜色
                var txtRGB = parseRGB(computed.color);
                if (txtRGB[0] > 230 && txtRGB[1] > 230 && txtRGB[2] > 230) {
                    elem.style.color = textColor;
                }
            }
        } catch (e) {}
    }

    function changeElementsColor() {
        var allTags = document.getElementsByTagName("*");
        for (var i = 0; i < allTags.length; i++) {
            processElement(allTags[i]);
        }
    }

    function handleAutoPage() {
        var observer = new MutationObserver(function(mutations) {
            var hasNew = mutations.some(function(m) { return m.addedNodes.length > 0; });
            if (hasNew) {
                setTimeout(changeElementsColor, 50);
            }
        });
        observer.observe(document, { childList: true, subtree: true });
    }

    changeElementsColor();
    handleAutoPage();
})();