From d6bfbbc0b63581ab42ee2c8039aa3141e11f379e Mon Sep 17 00:00:00 2001
From: chrox <chrox.huang@gmail.com>
Date: Sun, 1 Dec 2024 18:24:07 +0100
Subject: [PATCH] Fix fg color in darkmode and larger annotator popup

---
 .../src/app/reader/components/annotator/Annotator.tsx         | 4 ++--
 apps/readest-app/src/utils/style.ts                           | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/annotator/Annotator.tsx b/apps/readest-app/src/app/reader/components/annotator/Annotator.tsx
index a66a94e9..44771b18 100644
--- a/apps/readest-app/src/app/reader/components/annotator/Annotator.tsx
+++ b/apps/readest-app/src/app/reader/components/annotator/Annotator.tsx
@@ -58,8 +58,8 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     settings.globalReadSettings.highlightStyles[selectedStyle],
   );
 
-  const dictPopupWidth = 400;
-  const dictPopupHeight = 300;
+  const dictPopupWidth = 480;
+  const dictPopupHeight = 360;
   const annotPopupWidth = 280;
   const annotPopupHeight = 44;
   const popupPadding = 10;
diff --git a/apps/readest-app/src/utils/style.ts b/apps/readest-app/src/utils/style.ts
index 749226f2..dcc2c262 100644
--- a/apps/readest-app/src/utils/style.ts
+++ b/apps/readest-app/src/utils/style.ts
@@ -75,6 +75,7 @@ const getLayoutStyles = (
       tab-size: 2;
   }
   body {
+    color: ${fg};
     zoom: ${zoomLevel}%; 
     background-color: ${bg} !important;
   }