Function getColorModifier

src/inject/dynamic-theme/modify-css.ts:308–341

(prop: string, value: string, rule: CSSStyleRule)

]);

function getColorModifier(prop: string, value: string, rule: CSSStyleRule): string | CSSValueModifier | null {
    if (
        unparsableColors.has(value.toLowerCase()) &&
        !(prop === 'color' && value === 'initial')
    ) {
        return value;
    }
    let rgb: RGBA | null = null;
    if (prop === 'color' && value === 'initial') {
        rgb = {r: 0, g: 0, b: 0, a: 1};
    } else {
        rgb = parseColorWithCache(value);
    }
    if (!rgb) {
        logWarn("Couldn't parse color", value);
        return null;
    }

    if (prop.includes('background')) {
        const maskImageValue = rule.style.maskImage ?? rule.style.mask;
        if (
            maskImageValue &&
            !maskImageValue.startsWith('none') &&
            !maskImageValue.startsWith('linear-gradient')
        ) {
            return (theme) => modifyForegroundColor(rgb, theme);
        }
        return (theme) => modifyBackgroundColor(rgb, theme);
    }
    if (prop.includes('border') || prop.includes('outline')) {
        return (theme) => modifyBorderColor(rgb, theme);
    }
    return (theme) => modifyForegroundColor(rgb, theme);
}

const imageDetailsCache = new Map<string, ImageDetails>();
const awaitingForImageLoading = new Map<string, Array<(imageDetails: ImageDetails | null) => void>>();