From 1c27805f2eed6444387517585eedfce13cd697c7 Mon Sep 17 00:00:00 2001
From: 01zulfi <85733202+01zulfi@users.noreply.github.com>
Date: Mon, 22 Jun 2026 11:31:11 +0500
Subject: [PATCH] web: fix paragraph color in inbox settings for dark mode
 Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>

---
 apps/web/src/dialogs/inbox-history-dialog.tsx               | 1 +
 apps/web/src/dialogs/settings/components/inbox-api-keys.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/dialogs/inbox-history-dialog.tsx b/apps/web/src/dialogs/inbox-history-dialog.tsx
index 9affb00c7..88d5aba81 100644
--- a/apps/web/src/dialogs/inbox-history-dialog.tsx
+++ b/apps/web/src/dialogs/inbox-history-dialog.tsx
@@ -105,6 +105,7 @@ function DetailsCell({ value }: { value: string }) {
         <Box
           as="pre"
           sx={{
+            color: "paragraph",
             m: 0,
             fontSize: "0.72em",
             whiteSpace: "pre-wrap",
diff --git a/apps/web/src/dialogs/settings/components/inbox-api-keys.tsx b/apps/web/src/dialogs/settings/components/inbox-api-keys.tsx
index 2a770aea8..2206f6e25 100644
--- a/apps/web/src/dialogs/settings/components/inbox-api-keys.tsx
+++ b/apps/web/src/dialogs/settings/components/inbox-api-keys.tsx
@@ -401,10 +401,14 @@ const AddApiKeyDialog = DialogManager.register(function AddApiKeyDialog(
               setSelectedExpiry(Number(value));
             }}
             sx={{
+              color: "var(--paragraph)",
               bg: "background-secondary",
               border: "1px solid",
               borderColor: "border",
-              padding: "5px"
+              padding: "5px",
+              "& + svg": {
+                fill: "var(--paragraph)"
+              }
             }}
           >
             {EXPIRY_OPTIONS.map((option) => (