From a1e0d7b7d791635bebed7db0bd28ce4eb9bdeaca Mon Sep 17 00:00:00 2001 From: Rithik M <132109441+Rithik-93@users.noreply.github.com> Date: Mon, 10 Mar 2025 18:24:01 +0530 Subject: [PATCH] Fix file preview text color in dark mode (#10748) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This PR fixes an issue where the file preview text was unreadable due to white text on a white background in dark mode. Dark mode -> ![image](https://github.com/user-attachments/assets/1f8f6fd0-b95b-4b78-ae8c-db51acfefac2) Light mode -> ![image](https://github.com/user-attachments/assets/82996a31-e000-4f04-b8db-bd35838732ec) Fixes #10743 --------- Co-authored-by: Félix Malfait --- .../modules/activities/files/components/DocumentViewer.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx b/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx index e55a358a7..1e6b3a006 100644 --- a/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx +++ b/packages/twenty-front/src/modules/activities/files/components/DocumentViewer.tsx @@ -105,7 +105,11 @@ export const DocumentViewer = ({ }, ]} pluginRenderers={DocViewerRenderers} - style={{ height: '100%' }} + style={{ + height: '100%', + color: theme.font.color.primary, + backgroundColor: theme.background.primary, + }} config={{ header: { disableHeader: true,