darkreader 4.9.113 → 4.9.117

package/darkreader.js

@@ -1,5 +1,5 @@
 /**
- * Dark Reader v4.9.113
+ * Dark Reader v4.9.117
  * https://darkreader.org/
  */
 
@@ -1870,10 +1870,12 @@
                         m.startsWith("all") ||
                         m.startsWith("(")
                 );
-                const isPrintOrSpeech = media.some(
-                    (m) => m.startsWith("print") || m.startsWith("speech")
-                );
-                if (isScreenOrAllOrQuery || !isPrintOrSpeech) {
+                const isNotScreen =
+                    !isScreenOrAllOrQuery &&
+                    media.some((m) =>
+                        ignoredMedia.some((i) => m.startsWith(i))
+                    );
+                if (isScreenOrAllOrQuery || !isNotScreen) {
                     iterateCSSRules(rule.cssRules, iterate, onImportError);
                 }
             } else if (isSupportsRule(rule)) {
@@ -1887,6 +1889,17 @@
             }
         });
     }
+    const ignoredMedia = [
+        "aural",
+        "braille",
+        "embossed",
+        "handheld",
+        "print",
+        "projection",
+        "speech",
+        "tty",
+        "tv"
+    ];
     const shorthandVarDependantProperties = [
         "background",
         "border",
@@ -1932,7 +1945,8 @@
             }
         }
         if (
-            cssText.includes("background-color: ;") &&
+            (cssText.includes("background-color: ;") ||
+                cssText.includes("background-image: ;")) &&
             !style.getPropertyValue("background")
         ) {
             handleEmptyShorthand("background", style, iterate);
@@ -1965,6 +1979,7 @@
                 }
             } else if (shorthand === "background") {
                 iterate("background-color", "#ffffff");
+                iterate("background-image", "none");
             }
         }
     }
@@ -2641,6 +2656,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);
@@ -2668,6 +2690,25 @@
             }
         }
     });
+    const ipV4RegExp = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;
+    const MAX_CORS_DOMAINS = 16;
+    const corsDomains = new Set();
+    function shouldIgnoreCors(url) {
+        const host = url.hostname;
+        if (!corsDomains.has(host)) {
+            corsDomains.add(host);
+        }
+        if (
+            corsDomains.size >= MAX_CORS_DOMAINS ||
+            host === "localhost" ||
+            host.startsWith("[") ||
+            host.endsWith(".local") ||
+            host.match(ipV4RegExp)
+        ) {
+            return true;
+        }
+        return false;
+    }
 
     const imageManager = new AsyncQueue();
     async function getImageDetails(url) {
@@ -2707,7 +2748,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 {
@@ -3462,7 +3507,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) =>
@@ -3706,6 +3759,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();
@@ -3963,10 +4019,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),
@@ -4662,6 +4720,12 @@
                 if (emptyIsWhereSelector || viewTransitionSelector) {
                     selectorText = ".darkreader-unsupported-selector";
                 }
+                if (isChromium && selectorText.endsWith("::picker")) {
+                    selectorText = selectorText.replaceAll(
+                        "::picker",
+                        "::picker(select)"
+                    );
+                }
                 let ruleText = `${selectorText} {`;
                 for (const dec of declarations) {
                     const {property, value, important} = dec;
@@ -5169,6 +5233,8 @@
     }
 
     const hostsBreakingOnStylePosition = [
+        "gogoprivate.com",
+        "gprivate.com",
         "www.berlingske.dk",
         "www.bloomberg.com",
         "www.diffusioneshop.com",
@@ -5537,12 +5603,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;
@@ -5706,16 +5809,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",
@@ -5807,6 +5928,7 @@
             element.removeAttribute(overrides[cssProp].dataAttr);
         });
         inlineStyleCache.set(element, getInlineStyleCacheKey(element, theme));
+        elementsLastChanges.set(element, Date.now());
     }
 
     const metaThemeColorName = "theme-color";
@@ -6005,7 +6127,7 @@
                         : true) &&
                     !isFontsGoogleApiStyle(element))) &&
             !element.classList.contains("darkreader") &&
-            element.media.toLowerCase() !== "print" &&
+            !ignoredMedia.includes(element.media.toLowerCase()) &&
             !element.classList.contains("stylus")
         );
     }
@@ -6029,7 +6151,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() {
@@ -6037,7 +6160,6 @@
     }
     function manageStyle(element, {update, loadingStart, loadingEnd}) {
         const inMode = getStyleInjectionMode();
-        let corsCopy = null;
         let syncStyle = null;
         if (inMode === "next") {
             const prevStyles = [];
@@ -6048,18 +6170,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;
@@ -6121,8 +6237,8 @@
             return result;
         }
         function getRulesSync() {
-            if (corsCopy) {
-                return corsCopy.sheet.cssRules;
+            if (corsCopies.has(element)) {
+                return corsCopies.get(element).cssRules;
             }
             if (containsCSSImport()) {
                 return null;
@@ -6144,29 +6260,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);
             }
         }
@@ -6242,8 +6342,8 @@
                 return null;
             }
             await createOrUpdateCORSCopy(cssText, cssBasePath);
-            if (corsCopy) {
-                return corsCopy.sheet.cssRules;
+            if (corsCopies.has(element)) {
+                return corsCopies.get(element).cssRules;
             }
             return null;
         }
@@ -6254,44 +6354,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) {
@@ -6414,13 +6495,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)) {
@@ -6448,7 +6528,6 @@
             }
             logWarn("Restore style", syncStyle, element);
             insertStyle();
-            corsCopyPositionWatcher && corsCopyPositionWatcher.skip();
             syncStylePositionWatcher && syncStylePositionWatcher.skip();
             if (!isOverrideEmpty) {
                 forceRenderStyle = true;
@@ -6521,7 +6600,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()) {
@@ -6577,20 +6658,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.113
+ * Dark Reader v4.9.117
  * https://darkreader.org/
  */
 
@@ -1828,10 +1828,10 @@ function iterateCSSRules(rules, iterate, onImportError) {
                     m.startsWith("all") ||
                     m.startsWith("(")
             );
-            const isPrintOrSpeech = media.some(
-                (m) => m.startsWith("print") || m.startsWith("speech")
-            );
-            if (isScreenOrAllOrQuery || !isPrintOrSpeech) {
+            const isNotScreen =
+                !isScreenOrAllOrQuery &&
+                media.some((m) => ignoredMedia.some((i) => m.startsWith(i)));
+            if (isScreenOrAllOrQuery || !isNotScreen) {
                 iterateCSSRules(rule.cssRules, iterate, onImportError);
             }
         } else if (isSupportsRule(rule)) {
@@ -1845,6 +1845,17 @@ function iterateCSSRules(rules, iterate, onImportError) {
         }
     });
 }
+const ignoredMedia = [
+    "aural",
+    "braille",
+    "embossed",
+    "handheld",
+    "print",
+    "projection",
+    "speech",
+    "tty",
+    "tv"
+];
 const shorthandVarDependantProperties = [
     "background",
     "border",
@@ -1890,7 +1901,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);
@@ -1923,6 +1935,7 @@ function handleEmptyShorthand(shorthand, style, iterate) {
             }
         } else if (shorthand === "background") {
             iterate("background-color", "#ffffff");
+            iterate("background-image", "none");
         }
     }
 }
@@ -2560,6 +2573,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);
@@ -2585,6 +2602,25 @@ chrome.runtime.onMessage.addListener(({type, data, error, id}) => {
         }
     }
 });
+const ipV4RegExp = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;
+const MAX_CORS_DOMAINS = 16;
+const corsDomains = new Set();
+function shouldIgnoreCors(url) {
+    const host = url.hostname;
+    if (!corsDomains.has(host)) {
+        corsDomains.add(host);
+    }
+    if (
+        corsDomains.size >= MAX_CORS_DOMAINS ||
+        host === "localhost" ||
+        host.startsWith("[") ||
+        host.endsWith(".local") ||
+        host.match(ipV4RegExp)
+    ) {
+        return true;
+    }
+    return false;
+}
 
 const imageManager = new AsyncQueue();
 async function getImageDetails(url) {
@@ -2623,7 +2659,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 {
@@ -3350,7 +3390,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));
@@ -3584,6 +3629,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();
@@ -3833,10 +3881,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),
@@ -4518,6 +4568,12 @@ function createStyleSheetModifier() {
             if (emptyIsWhereSelector || viewTransitionSelector) {
                 selectorText = ".darkreader-unsupported-selector";
             }
+            if (isChromium && selectorText.endsWith("::picker")) {
+                selectorText = selectorText.replaceAll(
+                    "::picker",
+                    "::picker(select)"
+                );
+            }
             let ruleText = `${selectorText} {`;
             for (const dec of declarations) {
                 const {property, value, important} = dec;
@@ -5018,6 +5074,8 @@ function createAdoptedStyleSheetFallback() {
 }
 
 const hostsBreakingOnStylePosition = [
+    "gogoprivate.com",
+    "gprivate.com",
     "www.berlingske.dk",
     "www.bloomberg.com",
     "www.diffusioneshop.com",
@@ -5382,12 +5440,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;
@@ -5538,14 +5633,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",
@@ -5630,6 +5745,7 @@ function overrideInlineStyle(
         element.removeAttribute(overrides[cssProp].dataAttr);
     });
     inlineStyleCache.set(element, getInlineStyleCacheKey(element, theme));
+    elementsLastChanges.set(element, Date.now());
 }
 
 const metaThemeColorName = "theme-color";
@@ -5815,7 +5931,7 @@ function shouldManageStyle(element) {
                     : true) &&
                 !isFontsGoogleApiStyle(element))) &&
         !element.classList.contains("darkreader") &&
-        element.media.toLowerCase() !== "print" &&
+        !ignoredMedia.includes(element.media.toLowerCase()) &&
         !element.classList.contains("stylus")
     );
 }
@@ -5839,7 +5955,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() {
@@ -5847,7 +5964,6 @@ function cleanLoadingLinks() {
 }
 function manageStyle(element, {update, loadingStart, loadingEnd}) {
     const inMode = getStyleInjectionMode();
-    let corsCopy = null;
     let syncStyle = null;
     if (inMode === "next") {
         const prevStyles = [];
@@ -5858,16 +5974,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;
@@ -5925,8 +6036,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;
@@ -5947,26 +6058,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);
         }
     }
@@ -6042,8 +6137,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;
     }
@@ -6054,43 +6149,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) {
@@ -6213,13 +6287,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)) {
@@ -6247,7 +6320,6 @@ function manageStyle(element, {update, loadingStart, loadingEnd}) {
         }
         logWarn("Restore style", syncStyle, element);
         insertStyle();
-        corsCopyPositionWatcher && corsCopyPositionWatcher.skip();
         syncStylePositionWatcher && syncStylePositionWatcher.skip();
         if (!isOverrideEmpty) {
             forceRenderStyle = true;
@@ -6318,7 +6390,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()) {
@@ -6374,20 +6448,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.113",
+  "version": "4.9.117",
   "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"
   }
 }