diff --git a/apps/readest-app/src/utils/style.ts b/apps/readest-app/src/utils/style.ts
index ee0eb26b..cc239b70 100644
--- a/apps/readest-app/src/utils/style.ts
+++ b/apps/readest-app/src/utils/style.ts
@@ -168,6 +168,9 @@ const getColorStyles = (
       ${isDarkMode && invertImgColorInDark ? 'filter: invert(100%);' : ''}
       ${!isDarkMode && overrideColor ? 'mix-blend-mode: multiply;' : ''}
     }
+    svg, img {
+      ${overrideColor ? `background-color: transparent !important;` : ''};
+    }
     /* horizontal rule #1649 */
     *:has(> hr.background-img):not(body) {
       background-color: ${bg};
@@ -273,9 +276,6 @@ const getLayoutStyles = (
     overflow: unset;
     zoom: ${zoomLevel};
   }
-  svg, img {
-    background-color: transparent !important;
-  }
   svg:where(:not([width])), img:where(:not([width])) {
     width: auto;
   }