darkreader 4.9.114 → 4.9.118

package/darkreader.js

@@ -1,5 +1,5 @@
 /**
- * Dark Reader v4.9.114
+ * Dark Reader v4.9.118
  * https://darkreader.org/
  */
 
@@ -189,7 +189,10 @@
         }
         if (
             mimeType &&
-            !response.headers.get("Content-Type").startsWith(mimeType)
+            !(
+                response.headers.get("Content-Type") === mimeType ||
+                response.headers.get("Content-Type").startsWith(`${mimeType};`)
+            )
         ) {
             throw new Error(`Mime type mismatch when loading ${url}`);
         }
@@ -1945,7 +1948,8 @@
             }
         }
         if (
-            cssText.includes("background-color: ;") &&
+            (cssText.includes("background-color: ;") ||
+                cssText.includes("background-image: ;")) &&
             !style.getPropertyValue("background")
         ) {
             handleEmptyShorthand("background", style, iterate);
@@ -1978,6 +1982,7 @@
                 }
             } else if (shorthand === "background") {
                 iterate("background-color", "#ffffff");
+                iterate("background-image", "none");
             }
         }
     }
@@ -2654,6 +2659,13 @@
         if (window.DarkReader?.Plugins?.fetch) {
             return window.DarkReader.Plugins.fetch(request);
         }
+        const parsedURL = new URL(request.url);
+        if (
+            parsedURL.origin !== request.origin &&
+            shouldIgnoreCors(parsedURL)
+        ) {
+            throw new Error("Cross-origin limit reached");
+        }
         return new Promise((resolve, reject) => {
             const id = generateUID();
             resolvers$1.set(id, resolve);
@@ -2681,6 +2693,67 @@
             }
         }
     });
+    const ipV4RegExp = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;
+    const MAX_CORS_HOSTS = 16;
+    const corsHosts = new Set();
+    const checkedHosts = new Set();
+    const localAliases = [
+        "127-0-0-1.org.uk",
+        "42foo.com",
+        "domaincontrol.com",
+        "fbi.com",
+        "fuf.me",
+        "lacolhost.com",
+        "local.sisteminha.com",
+        "localfabriek.nl",
+        "localhost",
+        "localhst.co.uk",
+        "localmachine.info",
+        "localmachine.name",
+        "localtest.me",
+        "lvh.me",
+        "mouse-potato.com",
+        "nip.io",
+        "sslip.io",
+        "vcap.me",
+        "xip.io",
+        "yoogle.com"
+    ];
+    const localSubDomains = [
+        ".corp",
+        ".direct",
+        ".home",
+        ".internal",
+        ".intranet",
+        ".lan",
+        ".local",
+        ".localdomain",
+        ".test",
+        ".zz",
+        ...localAliases.map((alias) => `.${alias}`)
+    ];
+    function shouldIgnoreCors(url) {
+        const {host, hostname, port, protocol} = url;
+        if (!corsHosts.has(host)) {
+            corsHosts.add(host);
+        }
+        if (checkedHosts.has(host)) {
+            return false;
+        }
+        if (
+            corsHosts.size >= MAX_CORS_HOSTS ||
+            protocol !== "https:" ||
+            port !== "" ||
+            localAliases.includes(hostname) ||
+            localSubDomains.some((sub) => hostname.endsWith(sub)) ||
+            hostname.startsWith("[") ||
+            hostname.match(ipV4RegExp)
+        ) {
+            return true;
+        }
+        checkedHosts.add(host);
+        return false;
+    }
 
     const imageManager = new AsyncQueue();
     async function getImageDetails(url) {
@@ -2720,7 +2793,11 @@
         if (parsedURL.origin === location.origin) {
             return await loadAsDataURL(url);
         }
-        return await bgFetch({url, responseType: "data-url"});
+        return await bgFetch({
+            url,
+            responseType: "data-url",
+            origin: location.origin
+        });
     }
     async function tryCreateImageBitmap(blob) {
         try {
@@ -3475,7 +3552,15 @@
                                 awaitingForImageLoading.set(url, []);
                                 imageDetails = await getImageDetails(url);
                                 imageDetailsCache.set(url, imageDetails);
-                                writeImageDetailsCache(url, imageDetails);
+                                if (!url.startsWith("data:")) {
+                                    const parsedURL = new URL(url);
+                                    if (parsedURL.origin === location.origin) {
+                                        writeImageDetailsCache(
+                                            url,
+                                            imageDetails
+                                        );
+                                    }
+                                }
                                 awaitingForImageLoading
                                     .get(url)
                                     .forEach((resolve) =>
@@ -3719,6 +3804,9 @@
     const VAR_TYPE_TEXT_COLOR = 1 << 1;
     const VAR_TYPE_BORDER_COLOR = 1 << 2;
     const VAR_TYPE_BG_IMG = 1 << 3;
+    const shouldSetDefaultColor =
+        !location.hostname.startsWith("www.ebay.") &&
+        !location.hostname.includes(".ebay.");
     class VariablesStore {
         constructor() {
             this.varTypes = new Map();
@@ -3976,10 +4064,12 @@
                 (isSimpleConstructedColor && property === "background")
             ) {
                 return (theme) => {
-                    const defaultFallback = tryModifyBgColor(
-                        isConstructedColor ? "255, 255, 255" : "#ffffff",
-                        theme
-                    );
+                    const defaultFallback = shouldSetDefaultColor
+                        ? tryModifyBgColor(
+                              isConstructedColor ? "255, 255, 255" : "#ffffff",
+                              theme
+                          )
+                        : "transparent";
                     return replaceCSSVariablesNames(
                         sourceValue,
                         (v) => wrapBgColorVariableName(v),
@@ -4485,13 +4575,16 @@
     function isTextColorProperty(property) {
         return textColorProps.includes(property);
     }
-    const rawRGBSpaceRegex = /^(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})$/;
+    const rawRGBSpaceRegex =
+        /^(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})\s*(\/\s*\d+\.?\d*)?$/;
     const rawRGBCommaRegex = /^(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})$/;
     function parseRawColorValue(input) {
         const match =
             input.match(rawRGBSpaceRegex) ?? input.match(rawRGBCommaRegex);
         if (match) {
-            const color = `rgb(${match[1]}, ${match[2]}, ${match[3]})`;
+            const color = match[4]
+                ? `rgb(${match[1]} ${match[2]} ${match[3]} / ${match[4]})`
+                : `rgb(${match[1]}, ${match[2]}, ${match[3]})`;
             return {isRaw: true, color};
         }
         return {isRaw: false, color: input};
@@ -5188,6 +5281,8 @@
     }
 
     const hostsBreakingOnStylePosition = [
+        "gogoprivate.com",
+        "gprivate.com",
         "www.berlingske.dk",
         "www.bloomberg.com",
         "www.diffusioneshop.com",
@@ -5556,12 +5651,49 @@
         }
         return false;
     }
+    const LOOP_DETECTION_THRESHOLD = 1000;
+    const MAX_LOOP_CYCLES = 10;
+    const elementsLastChanges = new WeakMap();
+    const elementsLoopCycles = new WeakMap();
+    const SMALL_SVG_THRESHOLD = 32;
+    const svgNodesRoots = new WeakMap();
+    const svgRootSizeTestResults = new WeakMap();
+    function getSVGElementRoot(svgElement) {
+        if (!svgElement) {
+            return null;
+        }
+        if (svgNodesRoots.has(svgElement)) {
+            return svgNodesRoots.get(svgElement);
+        }
+        if (svgElement instanceof SVGSVGElement) {
+            return svgElement;
+        }
+        const parent = svgElement.parentNode;
+        const root = getSVGElementRoot(parent);
+        svgNodesRoots.set(svgElement, root);
+        return root;
+    }
     function overrideInlineStyle(
         element,
         theme,
         ignoreInlineSelectors,
         ignoreImageSelectors
     ) {
+        if (elementsLastChanges.has(element)) {
+            if (
+                Date.now() - elementsLastChanges.get(element) <
+                LOOP_DETECTION_THRESHOLD
+            ) {
+                const cycles = elementsLoopCycles.get(element) ?? 0;
+                elementsLoopCycles.set(element, cycles + 1);
+            }
+            if ((elementsLoopCycles.get(element) ?? 0) >= MAX_LOOP_CYCLES) {
+                return;
+            }
+        }
+        if (element.parentElement?.dataset.nodeViewContent) {
+            return;
+        }
         const cacheKey = getInlineStyleCacheKey(element, theme);
         if (cacheKey === inlineStyleCache.get(element)) {
             return;
@@ -5725,16 +5857,34 @@
         }
         if (isSVGElement) {
             if (element.hasAttribute("fill")) {
-                const SMALL_SVG_LIMIT = 32;
                 const value = element.getAttribute("fill");
                 if (value !== "none") {
                     if (!(element instanceof SVGTextElement)) {
                         const handleSVGElement = () => {
-                            const {width, height} =
-                                element.getBoundingClientRect();
-                            const isBg =
-                                width > SMALL_SVG_LIMIT ||
-                                height > SMALL_SVG_LIMIT;
+                            let isSVGSmall = false;
+                            const root = getSVGElementRoot(element);
+                            if (!root) {
+                                return;
+                            }
+                            if (svgRootSizeTestResults.has(root)) {
+                                isSVGSmall = svgRootSizeTestResults.get(root);
+                            } else {
+                                const svgBounds = root.getBoundingClientRect();
+                                isSVGSmall =
+                                    svgBounds.width * svgBounds.height <=
+                                    Math.pow(SMALL_SVG_THRESHOLD, 2);
+                                svgRootSizeTestResults.set(root, isSVGSmall);
+                            }
+                            let isBg;
+                            if (isSVGSmall) {
+                                isBg = false;
+                            } else {
+                                const {width, height} =
+                                    element.getBoundingClientRect();
+                                isBg =
+                                    width > SMALL_SVG_THRESHOLD ||
+                                    height > SMALL_SVG_THRESHOLD;
+                            }
                             setCustomProp(
                                 "fill",
                                 isBg ? "background-color" : "color",
@@ -5826,6 +5976,7 @@
             element.removeAttribute(overrides[cssProp].dataAttr);
         });
         inlineStyleCache.set(element, getInlineStyleCacheKey(element, theme));
+        elementsLastChanges.set(element, Date.now());
     }
 
     const metaThemeColorName = "theme-color";
@@ -6048,7 +6199,8 @@
         return results;
     }
     const syncStyleSet = new WeakSet();
-    const corsStyleSet = new WeakSet();
+    const corsCopies = new WeakMap();
+    const corsCopiesTextLengths = new WeakMap();
     let loadingLinkCounter = 0;
     const rejectorsForLoadingLinks = new Map();
     function cleanLoadingLinks() {
@@ -6056,7 +6208,6 @@
     }
     function manageStyle(element, {update, loadingStart, loadingEnd}) {
         const inMode = getStyleInjectionMode();
-        let corsCopy = null;
         let syncStyle = null;
         if (inMode === "next") {
             const prevStyles = [];
@@ -6067,18 +6218,12 @@
             ) {
                 prevStyles.push(next);
             }
-            corsCopy =
-                prevStyles.find(
-                    (el) =>
-                        el.matches(".darkreader--cors") && !corsStyleSet.has(el)
-                ) || null;
             syncStyle =
                 prevStyles.find(
                     (el) =>
                         el.matches(".darkreader--sync") && !syncStyleSet.has(el)
                 ) || null;
         }
-        let corsCopyPositionWatcher = null;
         let syncStylePositionWatcher = null;
         let cancelAsyncOperations = false;
         let isOverrideEmpty = true;
@@ -6140,8 +6285,8 @@
             return result;
         }
         function getRulesSync() {
-            if (corsCopy) {
-                return corsCopy.sheet.cssRules;
+            if (corsCopies.has(element)) {
+                return corsCopies.get(element).cssRules;
             }
             if (containsCSSImport()) {
                 return null;
@@ -6163,29 +6308,13 @@
         }
         function insertStyle() {
             if (inMode === "next") {
-                if (corsCopy) {
-                    if (element.nextSibling !== corsCopy) {
-                        element.parentNode.insertBefore(
-                            corsCopy,
-                            element.nextSibling
-                        );
-                    }
-                    if (corsCopy.nextSibling !== syncStyle) {
-                        element.parentNode.insertBefore(
-                            syncStyle,
-                            corsCopy.nextSibling
-                        );
-                    }
-                } else if (element.nextSibling !== syncStyle) {
+                if (element.nextSibling !== syncStyle) {
                     element.parentNode.insertBefore(
                         syncStyle,
                         element.nextSibling
                     );
                 }
             } else if (inMode === "away") {
-                if (corsCopy && !corsCopy.parentNode) {
-                    injectStyleAway(corsCopy);
-                }
                 injectStyleAway(syncStyle);
             }
         }
@@ -6261,8 +6390,8 @@
                 return null;
             }
             await createOrUpdateCORSCopy(cssText, cssBasePath);
-            if (corsCopy) {
-                return corsCopy.sheet.cssRules;
+            if (corsCopies.has(element)) {
+                return corsCopies.get(element).cssRules;
             }
             return null;
         }
@@ -6273,44 +6402,25 @@
                         cssText,
                         cssBasePath
                     );
-                    if (corsCopy) {
+                    if (corsCopies.has(element)) {
                         if (
-                            (corsCopy.textContent?.length ?? 0) <
+                            (corsCopiesTextLengths.get(element) ?? 0) <
                             fullCSSText.length
                         ) {
-                            corsCopy.textContent = fullCSSText;
+                            corsCopies.get(element).replaceSync(fullCSSText);
+                            corsCopiesTextLengths.set(
+                                element,
+                                fullCSSText.length
+                            );
                         }
                     } else {
-                        corsCopy = createCORSCopy(
-                            fullCSSText,
-                            inMode === "next"
-                                ? (cc) =>
-                                      element.parentNode.insertBefore(
-                                          cc,
-                                          element.nextSibling
-                                      )
-                                : injectStyleAway
-                        );
-                        if (corsCopy) {
-                            if (inMode === "next") {
-                                element.parentNode.insertBefore(
-                                    corsCopy,
-                                    element.nextSibling
-                                );
-                            } else if (inMode === "away") {
-                                injectStyleAway(corsCopy);
-                            }
-                        }
+                        const corsCopy = new CSSStyleSheet();
+                        corsCopy.replaceSync(fullCSSText);
+                        corsCopies.set(element, corsCopy);
                     }
                 } catch (err) {
                     logWarn(err);
                 }
-                if (corsCopy && inMode === "next") {
-                    corsCopyPositionWatcher = watchForNodePosition(
-                        corsCopy,
-                        "prev-sibling"
-                    );
-                }
             }
         }
         function details(options) {
@@ -6433,13 +6543,12 @@
         function pause() {
             observer.disconnect();
             cancelAsyncOperations = true;
-            corsCopyPositionWatcher && corsCopyPositionWatcher.stop();
             syncStylePositionWatcher && syncStylePositionWatcher.stop();
             sheetChangeWatcher.stop();
         }
         function destroy() {
             pause();
-            removeNode(corsCopy);
+            corsCopies.delete(element);
             removeNode(syncStyle);
             loadingEnd();
             if (rejectorsForLoadingLinks.has(loadingLinkId)) {
@@ -6467,7 +6576,6 @@
             }
             logWarn("Restore style", syncStyle, element);
             insertStyle();
-            corsCopyPositionWatcher && corsCopyPositionWatcher.skip();
             syncStylePositionWatcher && syncStylePositionWatcher.skip();
             if (!isOverrideEmpty) {
                 forceRenderStyle = true;
@@ -6540,7 +6648,9 @@
                 origin: location.origin
             });
         }
-        writeCSSFetchCache(url, text);
+        if (parsedURL.origin === location.origin) {
+            writeCSSFetchCache(url, text);
+        }
         return text;
     }
     async function replaceCSSImports(cssText, basePath, cache = new Map()) {
@@ -6596,20 +6706,6 @@
         cssText = cssText.trim();
         return cssText;
     }
-    function createCORSCopy(cssText, inject) {
-        if (!cssText) {
-            return null;
-        }
-        const cors = document.createElement("style");
-        cors.classList.add("darkreader");
-        cors.classList.add("darkreader--cors");
-        cors.media = "screen";
-        cors.textContent = cssText;
-        inject(cors);
-        cors.sheet.disabled = true;
-        corsStyleSet.add(cors);
-        return cors;
-    }
 
     function injectProxy(
         enableStyleSheetsProxy,

package/darkreader.mjs

@@ -1,5 +1,5 @@
 /**
- * Dark Reader v4.9.114
+ * Dark Reader v4.9.118
  * https://darkreader.org/
  */
 
@@ -172,7 +172,10 @@ async function getOKResponse(url, mimeType, origin) {
     }
     if (
         mimeType &&
-        !response.headers.get("Content-Type").startsWith(mimeType)
+        !(
+            response.headers.get("Content-Type") === mimeType ||
+            response.headers.get("Content-Type").startsWith(`${mimeType};`)
+        )
     ) {
         throw new Error(`Mime type mismatch when loading ${url}`);
     }
@@ -1901,7 +1904,8 @@ function iterateCSSDeclarations(style, iterate) {
         }
     }
     if (
-        cssText.includes("background-color: ;") &&
+        (cssText.includes("background-color: ;") ||
+            cssText.includes("background-image: ;")) &&
         !style.getPropertyValue("background")
     ) {
         handleEmptyShorthand("background", style, iterate);
@@ -1934,6 +1938,7 @@ function handleEmptyShorthand(shorthand, style, iterate) {
             }
         } else if (shorthand === "background") {
             iterate("background-color", "#ffffff");
+            iterate("background-image", "none");
         }
     }
 }
@@ -2571,6 +2576,10 @@ async function bgFetch(request) {
     if (window.DarkReader?.Plugins?.fetch) {
         return window.DarkReader.Plugins.fetch(request);
     }
+    const parsedURL = new URL(request.url);
+    if (parsedURL.origin !== request.origin && shouldIgnoreCors(parsedURL)) {
+        throw new Error("Cross-origin limit reached");
+    }
     return new Promise((resolve, reject) => {
         const id = generateUID();
         resolvers$1.set(id, resolve);
@@ -2596,6 +2605,67 @@ chrome.runtime.onMessage.addListener(({type, data, error, id}) => {
         }
     }
 });
+const ipV4RegExp = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;
+const MAX_CORS_HOSTS = 16;
+const corsHosts = new Set();
+const checkedHosts = new Set();
+const localAliases = [
+    "127-0-0-1.org.uk",
+    "42foo.com",
+    "domaincontrol.com",
+    "fbi.com",
+    "fuf.me",
+    "lacolhost.com",
+    "local.sisteminha.com",
+    "localfabriek.nl",
+    "localhost",
+    "localhst.co.uk",
+    "localmachine.info",
+    "localmachine.name",
+    "localtest.me",
+    "lvh.me",
+    "mouse-potato.com",
+    "nip.io",
+    "sslip.io",
+    "vcap.me",
+    "xip.io",
+    "yoogle.com"
+];
+const localSubDomains = [
+    ".corp",
+    ".direct",
+    ".home",
+    ".internal",
+    ".intranet",
+    ".lan",
+    ".local",
+    ".localdomain",
+    ".test",
+    ".zz",
+    ...localAliases.map((alias) => `.${alias}`)
+];
+function shouldIgnoreCors(url) {
+    const {host, hostname, port, protocol} = url;
+    if (!corsHosts.has(host)) {
+        corsHosts.add(host);
+    }
+    if (checkedHosts.has(host)) {
+        return false;
+    }
+    if (
+        corsHosts.size >= MAX_CORS_HOSTS ||
+        protocol !== "https:" ||
+        port !== "" ||
+        localAliases.includes(hostname) ||
+        localSubDomains.some((sub) => hostname.endsWith(sub)) ||
+        hostname.startsWith("[") ||
+        hostname.match(ipV4RegExp)
+    ) {
+        return true;
+    }
+    checkedHosts.add(host);
+    return false;
+}
 
 const imageManager = new AsyncQueue();
 async function getImageDetails(url) {
@@ -2634,7 +2704,11 @@ async function getDataURL(url) {
     if (parsedURL.origin === location.origin) {
         return await loadAsDataURL(url);
     }
-    return await bgFetch({url, responseType: "data-url"});
+    return await bgFetch({
+        url,
+        responseType: "data-url",
+        origin: location.origin
+    });
 }
 async function tryCreateImageBitmap(blob) {
     try {
@@ -3361,7 +3435,12 @@ function getBgImageModifier(value, rule, ignoreImageSelectors, isCancelled) {
                             awaitingForImageLoading.set(url, []);
                             imageDetails = await getImageDetails(url);
                             imageDetailsCache.set(url, imageDetails);
-                            writeImageDetailsCache(url, imageDetails);
+                            if (!url.startsWith("data:")) {
+                                const parsedURL = new URL(url);
+                                if (parsedURL.origin === location.origin) {
+                                    writeImageDetailsCache(url, imageDetails);
+                                }
+                            }
                             awaitingForImageLoading
                                 .get(url)
                                 .forEach((resolve) => resolve(imageDetails));
@@ -3595,6 +3674,9 @@ const VAR_TYPE_BG_COLOR = 1 << 0;
 const VAR_TYPE_TEXT_COLOR = 1 << 1;
 const VAR_TYPE_BORDER_COLOR = 1 << 2;
 const VAR_TYPE_BG_IMG = 1 << 3;
+const shouldSetDefaultColor =
+    !location.hostname.startsWith("www.ebay.") &&
+    !location.hostname.includes(".ebay.");
 class VariablesStore {
     constructor() {
         this.varTypes = new Map();
@@ -3844,10 +3926,12 @@ class VariablesStore {
             (isSimpleConstructedColor && property === "background")
         ) {
             return (theme) => {
-                const defaultFallback = tryModifyBgColor(
-                    isConstructedColor ? "255, 255, 255" : "#ffffff",
-                    theme
-                );
+                const defaultFallback = shouldSetDefaultColor
+                    ? tryModifyBgColor(
+                          isConstructedColor ? "255, 255, 255" : "#ffffff",
+                          theme
+                      )
+                    : "transparent";
                 return replaceCSSVariablesNames(
                     sourceValue,
                     (v) => wrapBgColorVariableName(v),
@@ -4342,13 +4426,16 @@ const textColorProps = [
 function isTextColorProperty(property) {
     return textColorProps.includes(property);
 }
-const rawRGBSpaceRegex = /^(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})$/;
+const rawRGBSpaceRegex =
+    /^(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})\s*(\/\s*\d+\.?\d*)?$/;
 const rawRGBCommaRegex = /^(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})$/;
 function parseRawColorValue(input) {
     const match =
         input.match(rawRGBSpaceRegex) ?? input.match(rawRGBCommaRegex);
     if (match) {
-        const color = `rgb(${match[1]}, ${match[2]}, ${match[3]})`;
+        const color = match[4]
+            ? `rgb(${match[1]} ${match[2]} ${match[3]} / ${match[4]})`
+            : `rgb(${match[1]}, ${match[2]}, ${match[3]})`;
         return {isRaw: true, color};
     }
     return {isRaw: false, color: input};
@@ -5035,6 +5122,8 @@ function createAdoptedStyleSheetFallback() {
 }
 
 const hostsBreakingOnStylePosition = [
+    "gogoprivate.com",
+    "gprivate.com",
     "www.berlingske.dk",
     "www.bloomberg.com",
     "www.diffusioneshop.com",
@@ -5399,12 +5488,49 @@ function shouldIgnoreInlineStyle(element, selectors) {
     }
     return false;
 }
+const LOOP_DETECTION_THRESHOLD = 1000;
+const MAX_LOOP_CYCLES = 10;
+const elementsLastChanges = new WeakMap();
+const elementsLoopCycles = new WeakMap();
+const SMALL_SVG_THRESHOLD = 32;
+const svgNodesRoots = new WeakMap();
+const svgRootSizeTestResults = new WeakMap();
+function getSVGElementRoot(svgElement) {
+    if (!svgElement) {
+        return null;
+    }
+    if (svgNodesRoots.has(svgElement)) {
+        return svgNodesRoots.get(svgElement);
+    }
+    if (svgElement instanceof SVGSVGElement) {
+        return svgElement;
+    }
+    const parent = svgElement.parentNode;
+    const root = getSVGElementRoot(parent);
+    svgNodesRoots.set(svgElement, root);
+    return root;
+}
 function overrideInlineStyle(
     element,
     theme,
     ignoreInlineSelectors,
     ignoreImageSelectors
 ) {
+    if (elementsLastChanges.has(element)) {
+        if (
+            Date.now() - elementsLastChanges.get(element) <
+            LOOP_DETECTION_THRESHOLD
+        ) {
+            const cycles = elementsLoopCycles.get(element) ?? 0;
+            elementsLoopCycles.set(element, cycles + 1);
+        }
+        if ((elementsLoopCycles.get(element) ?? 0) >= MAX_LOOP_CYCLES) {
+            return;
+        }
+    }
+    if (element.parentElement?.dataset.nodeViewContent) {
+        return;
+    }
     const cacheKey = getInlineStyleCacheKey(element, theme);
     if (cacheKey === inlineStyleCache.get(element)) {
         return;
@@ -5555,14 +5681,34 @@ function overrideInlineStyle(
     }
     if (isSVGElement) {
         if (element.hasAttribute("fill")) {
-            const SMALL_SVG_LIMIT = 32;
             const value = element.getAttribute("fill");
             if (value !== "none") {
                 if (!(element instanceof SVGTextElement)) {
                     const handleSVGElement = () => {
-                        const {width, height} = element.getBoundingClientRect();
-                        const isBg =
-                            width > SMALL_SVG_LIMIT || height > SMALL_SVG_LIMIT;
+                        let isSVGSmall = false;
+                        const root = getSVGElementRoot(element);
+                        if (!root) {
+                            return;
+                        }
+                        if (svgRootSizeTestResults.has(root)) {
+                            isSVGSmall = svgRootSizeTestResults.get(root);
+                        } else {
+                            const svgBounds = root.getBoundingClientRect();
+                            isSVGSmall =
+                                svgBounds.width * svgBounds.height <=
+                                Math.pow(SMALL_SVG_THRESHOLD, 2);
+                            svgRootSizeTestResults.set(root, isSVGSmall);
+                        }
+                        let isBg;
+                        if (isSVGSmall) {
+                            isBg = false;
+                        } else {
+                            const {width, height} =
+                                element.getBoundingClientRect();
+                            isBg =
+                                width > SMALL_SVG_THRESHOLD ||
+                                height > SMALL_SVG_THRESHOLD;
+                        }
                         setCustomProp(
                             "fill",
                             isBg ? "background-color" : "color",
@@ -5647,6 +5793,7 @@ function overrideInlineStyle(
         element.removeAttribute(overrides[cssProp].dataAttr);
     });
     inlineStyleCache.set(element, getInlineStyleCacheKey(element, theme));
+    elementsLastChanges.set(element, Date.now());
 }
 
 const metaThemeColorName = "theme-color";
@@ -5856,7 +6003,8 @@ function getManageableStyles(node, results = [], deep = true) {
     return results;
 }
 const syncStyleSet = new WeakSet();
-const corsStyleSet = new WeakSet();
+const corsCopies = new WeakMap();
+const corsCopiesTextLengths = new WeakMap();
 let loadingLinkCounter = 0;
 const rejectorsForLoadingLinks = new Map();
 function cleanLoadingLinks() {
@@ -5864,7 +6012,6 @@ function cleanLoadingLinks() {
 }
 function manageStyle(element, {update, loadingStart, loadingEnd}) {
     const inMode = getStyleInjectionMode();
-    let corsCopy = null;
     let syncStyle = null;
     if (inMode === "next") {
         const prevStyles = [];
@@ -5875,16 +6022,11 @@ function manageStyle(element, {update, loadingStart, loadingEnd}) {
         ) {
             prevStyles.push(next);
         }
-        corsCopy =
-            prevStyles.find(
-                (el) => el.matches(".darkreader--cors") && !corsStyleSet.has(el)
-            ) || null;
         syncStyle =
             prevStyles.find(
                 (el) => el.matches(".darkreader--sync") && !syncStyleSet.has(el)
             ) || null;
     }
-    let corsCopyPositionWatcher = null;
     let syncStylePositionWatcher = null;
     let cancelAsyncOperations = false;
     let isOverrideEmpty = true;
@@ -5942,8 +6084,8 @@ function manageStyle(element, {update, loadingStart, loadingEnd}) {
         return result;
     }
     function getRulesSync() {
-        if (corsCopy) {
-            return corsCopy.sheet.cssRules;
+        if (corsCopies.has(element)) {
+            return corsCopies.get(element).cssRules;
         }
         if (containsCSSImport()) {
             return null;
@@ -5964,26 +6106,10 @@ function manageStyle(element, {update, loadingStart, loadingEnd}) {
     }
     function insertStyle() {
         if (inMode === "next") {
-            if (corsCopy) {
-                if (element.nextSibling !== corsCopy) {
-                    element.parentNode.insertBefore(
-                        corsCopy,
-                        element.nextSibling
-                    );
-                }
-                if (corsCopy.nextSibling !== syncStyle) {
-                    element.parentNode.insertBefore(
-                        syncStyle,
-                        corsCopy.nextSibling
-                    );
-                }
-            } else if (element.nextSibling !== syncStyle) {
+            if (element.nextSibling !== syncStyle) {
                 element.parentNode.insertBefore(syncStyle, element.nextSibling);
             }
         } else if (inMode === "away") {
-            if (corsCopy && !corsCopy.parentNode) {
-                injectStyleAway(corsCopy);
-            }
             injectStyleAway(syncStyle);
         }
     }
@@ -6059,8 +6185,8 @@ function manageStyle(element, {update, loadingStart, loadingEnd}) {
             return null;
         }
         await createOrUpdateCORSCopy(cssText, cssBasePath);
-        if (corsCopy) {
-            return corsCopy.sheet.cssRules;
+        if (corsCopies.has(element)) {
+            return corsCopies.get(element).cssRules;
         }
         return null;
     }
@@ -6071,43 +6197,22 @@ function manageStyle(element, {update, loadingStart, loadingEnd}) {
                     cssText,
                     cssBasePath
                 );
-                if (corsCopy) {
+                if (corsCopies.has(element)) {
                     if (
-                        (corsCopy.textContent?.length ?? 0) < fullCSSText.length
+                        (corsCopiesTextLengths.get(element) ?? 0) <
+                        fullCSSText.length
                     ) {
-                        corsCopy.textContent = fullCSSText;
+                        corsCopies.get(element).replaceSync(fullCSSText);
+                        corsCopiesTextLengths.set(element, fullCSSText.length);
                     }
                 } else {
-                    corsCopy = createCORSCopy(
-                        fullCSSText,
-                        inMode === "next"
-                            ? (cc) =>
-                                  element.parentNode.insertBefore(
-                                      cc,
-                                      element.nextSibling
-                                  )
-                            : injectStyleAway
-                    );
-                    if (corsCopy) {
-                        if (inMode === "next") {
-                            element.parentNode.insertBefore(
-                                corsCopy,
-                                element.nextSibling
-                            );
-                        } else if (inMode === "away") {
-                            injectStyleAway(corsCopy);
-                        }
-                    }
+                    const corsCopy = new CSSStyleSheet();
+                    corsCopy.replaceSync(fullCSSText);
+                    corsCopies.set(element, corsCopy);
                 }
             } catch (err) {
                 logWarn(err);
             }
-            if (corsCopy && inMode === "next") {
-                corsCopyPositionWatcher = watchForNodePosition(
-                    corsCopy,
-                    "prev-sibling"
-                );
-            }
         }
     }
     function details(options) {
@@ -6230,13 +6335,12 @@ function manageStyle(element, {update, loadingStart, loadingEnd}) {
     function pause() {
         observer.disconnect();
         cancelAsyncOperations = true;
-        corsCopyPositionWatcher && corsCopyPositionWatcher.stop();
         syncStylePositionWatcher && syncStylePositionWatcher.stop();
         sheetChangeWatcher.stop();
     }
     function destroy() {
         pause();
-        removeNode(corsCopy);
+        corsCopies.delete(element);
         removeNode(syncStyle);
         loadingEnd();
         if (rejectorsForLoadingLinks.has(loadingLinkId)) {
@@ -6264,7 +6368,6 @@ function manageStyle(element, {update, loadingStart, loadingEnd}) {
         }
         logWarn("Restore style", syncStyle, element);
         insertStyle();
-        corsCopyPositionWatcher && corsCopyPositionWatcher.skip();
         syncStylePositionWatcher && syncStylePositionWatcher.skip();
         if (!isOverrideEmpty) {
             forceRenderStyle = true;
@@ -6335,7 +6438,9 @@ async function loadText(url) {
             origin: location.origin
         });
     }
-    writeCSSFetchCache(url, text);
+    if (parsedURL.origin === location.origin) {
+        writeCSSFetchCache(url, text);
+    }
     return text;
 }
 async function replaceCSSImports(cssText, basePath, cache = new Map()) {
@@ -6391,20 +6496,6 @@ async function replaceCSSImports(cssText, basePath, cache = new Map()) {
     cssText = cssText.trim();
     return cssText;
 }
-function createCORSCopy(cssText, inject) {
-    if (!cssText) {
-        return null;
-    }
-    const cors = document.createElement("style");
-    cors.classList.add("darkreader");
-    cors.classList.add("darkreader--cors");
-    cors.media = "screen";
-    cors.textContent = cssText;
-    inject(cors);
-    cors.sheet.disabled = true;
-    corsStyleSet.add(cors);
-    return cors;
-}
 
 function injectProxy(enableStyleSheetsProxy, enableCustomElementRegistryProxy) {
     document.dispatchEvent(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "darkreader",
-  "version": "4.9.114",
+  "version": "4.9.118",
   "description": "Dark mode for every website",
   "scripts": {
     "api": "node --max-old-space-size=3072 tasks/cli.js build --api",
@@ -66,29 +66,29 @@
     "malevic": "0.20.2"
   },
   "devDependencies": {
-    "@eslint/compat": "1.4.0",
+    "@eslint/compat": "2.0.0",
     "@eslint/eslintrc": "3.3.1",
-    "@eslint/js": "9.38.0",
+    "@eslint/js": "9.39.1",
     "@rollup/plugin-node-resolve": "16.0.3",
-    "@rollup/plugin-replace": "6.0.2",
+    "@rollup/plugin-replace": "6.0.3",
     "@rollup/plugin-typescript": "12.3.0",
-    "@stylistic/eslint-plugin": "5.5.0",
-    "@types/chrome": "0.1.26",
+    "@stylistic/eslint-plugin": "5.6.1",
+    "@types/chrome": "0.1.31",
     "@types/eslint": "9.6.1",
-    "@types/jasmine": "5.1.12",
+    "@types/jasmine": "5.1.13",
     "@types/jest": "30.0.0",
     "@types/karma": "6.3.9",
     "@types/karma-coverage": "2.0.3",
-    "@types/node": "24.9.1",
+    "@types/node": "24.10.1",
     "@types/ws": "8.18.1",
     "chokidar": "4.0.3",
     "eslint-plugin-compat": "6.0.2",
     "eslint-plugin-import": "2.32.0",
-    "globals": "16.4.0",
-    "globby": "15.0.0",
-    "jasmine-core": "5.12.0",
+    "globals": "16.5.0",
+    "globby": "16.0.0",
+    "jasmine-core": "5.12.1",
     "jest": "30.2.0",
-    "jest-extended": "6.0.0",
+    "jest-extended": "7.0.0",
     "karma": "6.4.4",
     "karma-chrome-launcher": "3.2.0",
     "karma-coverage": "2.2.1",
@@ -99,18 +99,18 @@
     "karma-spec-reporter": "0.0.36",
     "less": "4.4.2",
     "prettier": "3.6.2",
-    "puppeteer-core": "24.26.1",
-    "rollup": "4.52.5",
+    "puppeteer-core": "24.30.0",
+    "rollup": "4.53.3",
     "rollup-plugin-istanbul": "5.0.0",
     "ts-jest": "29.4.5",
     "tslib": "2.8.1",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.46.2",
+    "typescript-eslint": "8.47.0",
     "ws": "8.18.3",
     "yazl": "3.3.1"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.52.5",
-    "@rollup/rollup-win32-x64-msvc": "4.52.5"
+    "@rollup/rollup-linux-x64-gnu": "4.53.3",
+    "@rollup/rollup-win32-x64-msvc": "4.53.3"
   }
 }