From eb90854f69a50e38afdc1510845ce0e3893f4c23 Mon Sep 17 00:00:00 2001
From: chrox <chrox.huang@gmail.com>
Date: Sun, 8 Dec 2024 23:15:14 +0100
Subject: [PATCH] Fix CSS for background image and background color

---
 apps/readest-app/src/utils/style.ts | 8 ++++++--
 packages/foliate-js                 | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/readest-app/src/utils/style.ts b/apps/readest-app/src/utils/style.ts
index dcc2c262..c22e6edb 100644
--- a/apps/readest-app/src/utils/style.ts
+++ b/apps/readest-app/src/utils/style.ts
@@ -74,10 +74,14 @@ const getLayoutStyles = (
       white-space: pre-wrap !important;
       tab-size: 2;
   }
-  body {
+  html, body {
     color: ${fg};
     zoom: ${zoomLevel}%; 
-    background-color: ${bg} !important;
+  }
+  body * {
+    color: inherit;
+    border-color: currentColor !important;
+    ${bg === '#ffffff' ? '' : `background-color: ${bg} !important;`}
   }
   svg, img {
     background-color: transparent !important;
diff --git a/packages/foliate-js b/packages/foliate-js
index 2973329d..08a48a90 160000
--- a/packages/foliate-js
+++ b/packages/foliate-js
@@ -1 +1 @@
-Subproject commit 2973329dcde12c1a126e899c9b51f636d130ac30
+Subproject commit 08a48a905a302954ed438a92ec5e2c52be3c1b3b