💄 cursor color

JiangWeixian · May 18, 2024 · d2f1853 · d2f1853
1 parent 6d0d2c9
commit d2f1853
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/client/src/components/editor/index.tsx b/packages/client/src/components/editor/index.tsx
@@ -25,6 +25,15 @@ import type { KeyBinding } from '@codemirror/view'
 import type { Accessor, Component } from 'solid-js'
 import type { Files } from './extensions/autocompletion/tsserver.worker'
 
+const theme = EditorView.theme({
+  '.cm-content': {
+    caretColor: '#0e9',
+  },
+  '.cm-cursor': {
+    borderLeftColor: '#0e9',
+  },
+}, { dark: true })
+
 export type Decorators = Array<{
   className?: string
   line: number
@@ -200,6 +209,7 @@ export const CodeMirror: Component<CodeMirrorProps>
       ]
 
       const extensionList = () => [
+        theme,
         highlightSpecialChars(),
         history(),
         closeBrackets(),