Add: styling for matching brackets

usebruno · Jan 30, 2025 · fe2542a · fe2542a
1 parent 08139a8
commit fe2542a
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js b/packages/bruno-app/src/components/CodeEditor/StyledWrapper.js
@@ -102,6 +102,19 @@ const StyledWrapper = styled.div`
   .cm-s-default span.cm-variable {
     color: #397d13 !important;
   }
+
+  .CodeMirror-matchingbracket {
+    background-color:rgba(128, 128, 128, 0.27);
+    text-decoration: none;
+    font-weight: bold;
+    border-left: 1px solid #1f61a0;
+  }
+
+  .CodeMirror-nonmatchingbracket {
+    background-color:rgba(255, 0, 0, 0.35);
+    text-decoration: none;
+    font-weight: bold; 
+  }
 `;
 
 export default StyledWrapper;