From e2882056a9aaff73123345104345d8c41b031643 Mon Sep 17 00:00:00 2001
From: Faisal-imtiyaz123 <142205282+Faisal-imtiyaz123@users.noreply.github.com>
Date: Sat, 7 Sep 2024 02:35:46 +0530
Subject: [PATCH] Adds secondary color and styles to code snippets in block
 note editor ( #6029 ) (#6928)

fixes https://github.com/twentyhq/twenty/issues/6929

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
---
 packages/twenty-front/src/index.css                    |  2 +-
 .../modules/ui/input/editor/components/BlockEditor.tsx | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/index.css b/packages/twenty-front/src/index.css
index 2d696388b..808fd8917 100644
--- a/packages/twenty-front/src/index.css
+++ b/packages/twenty-front/src/index.css
@@ -12,4 +12,4 @@ html {
 /* https://stackoverflow.com/questions/44543157/how-to-hide-the-google-invisible-recaptcha-badge */
 .grecaptcha-badge { 
   visibility: hidden !important;
-}
\ No newline at end of file
+}
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 a6732a34f..1c1968ea1 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
@@ -93,6 +93,16 @@ const StyledEditor = styled.div`
   & .bn-color-picker-dropdown {
     margin-left: 8px;
   }
+
+  & .bn-inline-content code {
+    font-family: monospace;
+    color: darkred;
+    padding: 2px 4px;
+    border-radius: 4px;
+    border: 1px solid #e0e0e0;
+    font-size: 0.9rem;
+    background-color: #1414140f;
+  }
 `;
 
 export const BlockEditor = ({