Skip to content

Commit df06d42

Browse files
committed
add backdrop blur to gutter
1 parent 0f80a88 commit df06d42

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

src/components/CodeMirror.res

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -695,10 +695,14 @@ let createEditor = (config: editorConfig): editorInstance => {
695695
".cm-activeLine": dict{
696696
"backgroundColor": "rgba(255, 255, 255, 0.02)",
697697
},
698-
".cm-gutters": dict{"backgroundColor": "inherit"},
698+
".cm-gutters": dict{
699+
"color": "#696b7d",
700+
"backgroundColor": "transparent",
701+
"backdropFilter": "blur(var(--blur-sm))",
702+
},
699703
".cm-gutters.cm-gutters-before": dict{"border": "none"},
700-
".cm-activeLineGutter": dict{
701-
"color": "#cdcdd6",
704+
".cm-gutterElement.cm-activeLineGutter": dict{
705+
"color": "#ffffff",
702706
"backgroundColor": "inherit",
703707
},
704708
"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": dict{

0 commit comments

Comments
 (0)