Function createSVGFilterStylesheet

src/generators/svg-filter.ts:8–21

(config: Theme, url: string, isTopFrame: boolean, fixes: string, index: SiteFixesIndex)

import type {SiteFixesIndex} from './utils/parse';

export function createSVGFilterStylesheet(config: Theme, url: string, isTopFrame: boolean, fixes: string, index: SiteFixesIndex): string {
    let filterValue: string;
    let reverseFilterValue: string;
    if (isFirefox) {
        filterValue = getEmbeddedSVGFilterValue(getSVGFilterMatrixValue(config));
        reverseFilterValue = getEmbeddedSVGFilterValue(getSVGReverseFilterMatrixValue());
    } else {
        // Chrome fails with "Unsafe attempt to load URL ... Domains, protocols and ports must match.
        filterValue = 'url(#dark-reader-filter)';
        reverseFilterValue = 'url(#dark-reader-reverse-filter)';
    }
    const filterRoot = isFirefox ? 'body' : 'html';
    return cssFilterStyleSheetTemplate(filterRoot, filterValue, reverseFilterValue, config, url, isTopFrame, fixes, index);
}

function getEmbeddedSVGFilterValue(matrixValue: string): string {
    const id = 'dark-reader-filter';