From d1b4f85e8c9e97c7e85b4e70281c99509ff2e50d Mon Sep 17 00:00:00 2001 From: Faisal-imtiyaz123 <142205282+Faisal-imtiyaz123@users.noreply.github.com> Date: Tue, 10 Sep 2024 15:23:20 +0530 Subject: [PATCH] Adds secondary color and styling to code blocks using theme varibales ( #6029 ) (#6931) Follow-up of #6929, this PR just changes the hard coded values to theme values. --- .../src/modules/ui/input/editor/components/BlockEditor.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) 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 1c1968ea1e..f2a940de52 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 @@ -96,12 +96,12 @@ const StyledEditor = styled.div` & .bn-inline-content code { font-family: monospace; - color: darkred; + color: ${({ theme }) => theme.font.color.danger}; padding: 2px 4px; border-radius: 4px; - border: 1px solid #e0e0e0; + border: 1px solid ${({ theme }) => theme.font.color.extraLight}; font-size: 0.9rem; - background-color: #1414140f; + background-color: ${({ theme }) => theme.background.transparent.light}; } `;