From d9a3b62f70ebfeca2b633c3487611a7f03e78866 Mon Sep 17 00:00:00 2001 From: Sanjai Kumar Date: Fri, 27 Sep 2024 12:20:13 +0530 Subject: [PATCH 1/3] Refactor CodeMirror styling to remove glow outline around folded JSON --- .../bruno-app/src/components/CodeEditor/StyledWrapper.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js b/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js index c77749cb8a..ad84ec6060 100644 --- a/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js +++ b/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js @@ -10,6 +10,11 @@ const StyledWrapper = styled.div` flex: 1 1 0; } + /* Removes the glow outline around the folded json */ + .CodeMirror-foldmarker { + text-shadow: none; + } + .CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div { background: #d2d7db; From 5c77f7555edc12feaa4a9c51a6577d569ea95598 Mon Sep 17 00:00:00 2001 From: Sanjai Kumar Date: Fri, 27 Sep 2024 15:37:23 +0530 Subject: [PATCH 2/3] Improved font color for better legibility. --- packages/bruno-app/src/components/CodeEditor/StyledWrapper.js | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js b/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js index ad84ec6060..80792e022a 100644 --- a/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js +++ b/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js @@ -13,6 +13,7 @@ const StyledWrapper = styled.div` /* Removes the glow outline around the folded json */ .CodeMirror-foldmarker { text-shadow: none; + color: rgb(59, 125, 242); } .CodeMirror-overlayscroll-horizontal div, From 2fa447e3342d8ec1c6e525a4df5c73fd0fc55533 Mon Sep 17 00:00:00 2001 From: Anoop M D Date: Mon, 30 Sep 2024 11:17:52 +0530 Subject: [PATCH 3/3] chore: used colot from theme for codemirror fold count --- packages/bruno-app/src/components/CodeEditor/StyledWrapper.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js b/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js index 80792e022a..4d47186c0b 100644 --- a/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js +++ b/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js @@ -13,7 +13,7 @@ const StyledWrapper = styled.div` /* Removes the glow outline around the folded json */ .CodeMirror-foldmarker { text-shadow: none; - color: rgb(59, 125, 242); + color: ${(props) => props.theme.textLink}; } .CodeMirror-overlayscroll-horizontal div,