Function getBgImageValue

src/inject/dynamic-theme/modify-css.ts:587–630

(imageDetails: ImageDetails, theme: Theme)

        };

        const getBgImageValue = (imageDetails: ImageDetails, theme: Theme) => {
            const {isDark, isLight, isTransparent, isLarge, solidColor, width} = imageDetails;
            let result: string | null = null;
            const logSrc = imageDetails.src.startsWith('data:') ? 'data:' : imageDetails.src;
            if (isLarge && isLight && !isTransparent && theme.mode === 1) {
                logInfo(`Hiding large light image ${logSrc}`);
                result = 'none';
            } else if (isDark && isTransparent && theme.mode === 1 && width > 2) {
                logInfo(`Inverting dark image ${logSrc}`);
                if (canFilterImage(imageDetails.src)) {
                    const inverted = getFilteredImageURL(imageDetails, {...theme, sepia: clamp(theme.sepia + 10, 0, 100)});
                    result = `url("${inverted}")`;
                } else if (isSafeToInvert()) {
                    pushFilter?.('invert');
                }
            } else if (isLight && !isTransparent && theme.mode === 1) {
                if (solidColor) {
                    logInfo(`Replacing image with a solid color ${logSrc}`);
                    const darkColor = modifyBackgroundColor(solidColor, theme, false);
                    const solid = getSolidColorImageURL(imageDetails, darkColor);
                    result = `url("${solid}")`;
                } else if (canFilterImage(imageDetails.src)) {
                    logInfo(`Inverting light image ${logSrc}`);
                    const inverted = getFilteredImageURL(imageDetails, theme);
                    result = `url("${inverted}")`;
                } else if (isSafeToInvert()) {
                    pushFilter?.('invert');
                }
            } else if (theme.mode === 0 && isLight && imageDetails.dataURL) {
                logInfo(`Applying filter to image ${logSrc}`);
                if (canFilterImage(imageDetails.src)) {
                    const filtered = getFilteredImageURL(imageDetails, {...theme, brightness: clamp(theme.brightness - 10, 5, 200), sepia: clamp(theme.sepia + 10, 0, 100)});
                    result = `url("${filtered}")`;
                } else {
                    pushFilter?.('dim');
                }
            } else {
                if (theme.mode === 1 && !canFilterImage(imageDetails.src)) {
                    pushFilter?.('none');
                }
                logInfo(`Not modifying the image ${logSrc}`);
            }
            return result;
        };

        const modifiers: Array<CSSValueModifier | null> = [];