Function setInversionStyleValue

src/inject/dynamic-theme/index.ts:122–199

(invertStyle: HTMLStyleElement)

});

function setInversionStyleValue(invertStyle: HTMLStyleElement) {
    if (!theme) {
        return;
    }

    const rules: string[] = [];

    const appendRule = (selectors: string[], filter: string | null) => {
        if (!filter || selectors.length === 0) {
            return;
        }
        rules.push([
            `${selectors.join(', ')} {`,
            `    filter: ${filter} !important;`,
            '}',
        ].join('\n'));
    };

    const appendCounterInversion = (selectors: string[]) => {
        if (theme!.mode === 0 || selectors.length === 0) {
            return;
        }
        rules.push([
            `${selectors.join(', ')} {`,
            `    color: black !important;`,
            '}',
            `${selectors.map((s) => `${s} > *`).join(', ')} {`,
            `    filter: invert(100%) hue-rotate(180deg) !important;`,
            '}',
        ].join('\n'));
    };

    const appendInversionCancellation = (selectors: string[]) => {
        if (theme!.mode === 0 || selectors.length === 0) {
            return;
        }
        rules.push([
            `${selectors.join(', ')} {`,
            `    filter: none !important;`,
            `    color: var(--darkreader-neutral-text) !important;`,
            '}',
            `${selectors.map((s) => `${s} > *`).join(', ')} {`,
            `    filter: none !important;`,
            '}',
        ].join('\n'));
    };

    if ((fixes && Array.isArray(fixes.invert) && fixes.invert.length > 0) || filterSelectors.invert.size > 0) {
        const extraInversionSelectors = [...filterSelectors.invert]
        const invertSelectors = [...(fixes?.invert ?? []), ...extraInversionSelectors];
        const invertFilter = getCSSFilterValue({
            ...theme,
            contrast: theme.mode === 0 ? theme.contrast : clamp(theme.contrast - 10, 0, 100),
        });
        appendRule(invertSelectors, invertFilter);
        appendCounterInversion(extraInversionSelectors);
        if (filterSelectors.none.size > 0) {
            const noneSelectors = [...filterSelectors.none];