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>
This commit is contained in:
Sanjai Kumar 2024-09-30 11:18:02 +05:30 committed by GitHub
parent 1adfad6316
commit 727fa26e44
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -10,6 +10,12 @@ const StyledWrapper = styled.div`
flex: 1 1 0; 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-horizontal div,
.CodeMirror-overlayscroll-vertical div { .CodeMirror-overlayscroll-vertical div {
background: #d2d7db; background: #d2d7db;