From e5888d11e242b50e40d80485f3a2740817cbb922 Mon Sep 17 00:00:00 2001
From: Bhavik Agarwal <73033511+Bhavik-ag@users.noreply.github.com>
Date: Thu, 8 May 2025 00:34:01 +0530
Subject: [PATCH] Note link's color contrast fixed in dark mode (#11932)

# Note link's color contrast fixed in dark mode

## Key changes

This pull request introduces a minor styling update to the `BlockEditor`
component in `BlockEditor.tsx`. It adds a new style rule to ensure
inline links within the `.bn-inline-content` class are styled with the
theme's blue color.

### Styling updates:

*
[`packages/twenty-front/src/modules/ui/input/editor/components/BlockEditor.tsx`](diffhunk://#diff-4a66ce7d5588bddc6237ac1a3b2949fe4432182bd357114294e8a79d98afce51R119-R122):
Added a CSS rule to style links (`<a>` elements) within
`.bn-inline-content` to use the theme's blue color.

## Issue
fixes #11917


![image](https://github.com/user-attachments/assets/15a15aa4-be46-4d66-9cfa-55b5d961a6ca)
---
 .../src/modules/ui/input/editor/components/BlockEditor.tsx    | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/twenty-front/src/modules/ui/input/editor/components/BlockEditor.tsx b/packages/twenty-front/src/modules/ui/input/editor/components/BlockEditor.tsx
index b7f50d8ed..438e4657c 100644
--- a/packages/twenty-front/src/modules/ui/input/editor/components/BlockEditor.tsx
+++ b/packages/twenty-front/src/modules/ui/input/editor/components/BlockEditor.tsx
@@ -116,6 +116,10 @@ const StyledEditor = styled.div`
     margin-left: 8px;
   }
 
+  & .bn-inline-content a {
+    color: ${({ theme }) => theme.color.blue};
+  }
+
   & .bn-inline-content code {
     font-family: monospace;
     color: ${({ theme }) => theme.font.color.danger};