Fix line color not applied on editor

6 days ago · 902f529333
parent ffb1a795c0
commit 902f529333
1 changed files with 8 additions and 1 deletions
--- a/src/components/SqlCodeEditor/sql-code-editor-theme.ts
+++ b/src/components/SqlCodeEditor/sql-code-editor-theme.ts
@ -23,7 +23,14 @@ export const editorLightTheme = EditorView.theme(
    '.cm-scroller::-webkit-scrollbar': {},
    // Highlight active line
    '.cm-activeLine': {
-      backgroundColor: '#f3f4f6',
+      color: '#18181b',
+    },
+    // Selection styles
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {
+      backgroundColor: '#60a5fa40', // Light blue with some transparency
+    },
+    '&.cm-focused .cm-selectionMatch': {
+      backgroundColor: '#60a5fa40',
    },
    // Cursor styles
    '.cm-cursor': {