Refactor CodeMirror styling to remove glow outline around folded JSON (…

…#3208) * Refactor CodeMirror styling to remove glow outline around folded JSON * Improved font color for better legibility. * chore: used colot from theme for codemirror fold count --------- Co-authored-by: Anoop M D <anoop.md1421@gmail.com>
usebruno · Sep 30, 2024 · 727fa26 · 727fa26
1 parent 1adfad6
commit 727fa26
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js b/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js
@@ -10,6 +10,12 @@ const StyledWrapper = styled.div`
  flex: 1 1 0;
  }
 
+ /* Removes the glow outline around the folded json */
+ .CodeMirror-foldmarker {
+ text-shadow: none;
+ color: ${(props) => props.theme.textLink};
+ }
+
  .CodeMirror-overlayscroll-horizontal div,
  .CodeMirror-overlayscroll-vertical div {
  background: #d2d7db;