From cdc2dfe7096a51adec80f6ca3f2998e1aa98bbb1 Mon Sep 17 00:00:00 2001
From: khuddite <62555977+khuddite@users.noreply.github.com>
Date: Tue, 31 Dec 2024 08:05:35 -0500
Subject: [PATCH] Fix text color issue in CustomSlashMenu for dark mode (#9280)

fixes #9265

#### Summary
The menu options appear in black color in dark mode, making text hard to
read because there is very little contrast between text and background.

#### Solution
Added `color: ${({ theme }) => theme.font.color.secondary};` to the
dropdown menu container, so the menu options inherit the correct text
color from their containers.

### Screenshots
![CleanShot 2024-12-30 at 09 37
26](https://github.com/user-attachments/assets/a709b785-75a4-408d-9517-d3cab2c1fee6)
---
 .../src/modules/ui/input/editor/components/CustomSlashMenu.tsx   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/twenty-front/src/modules/ui/input/editor/components/CustomSlashMenu.tsx b/packages/twenty-front/src/modules/ui/input/editor/components/CustomSlashMenu.tsx
index 4e4715cbc..c730a44c5 100644
--- a/packages/twenty-front/src/modules/ui/input/editor/components/CustomSlashMenu.tsx
+++ b/packages/twenty-front/src/modules/ui/input/editor/components/CustomSlashMenu.tsx
@@ -23,6 +23,7 @@ const StyledContainer = styled.div`
 `;
 
 const StyledInnerContainer = styled.div`
+  color: ${({ theme }) => theme.font.color.secondary};
   height: 250px;
   width: 100%;
 `;