chore: update editor style (#397)

doocs · Sep 10, 2024 · 9922f5d · 9922f5d
1 parent 4630fe7
commit 9922f5d
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 150 deletions.
diff --git a/src/assets/less/style-mirror.less b/src/assets/less/style-mirror.less
diff --git a/src/assets/less/theme.less b/src/assets/less/theme.less
@@ -46,15 +46,7 @@
       }
     }
 
-    .cm-s-style-mirror .CodeMirror-matchingbracket {
-      color: @nightWhiteColor !important;
-      background: rgb(30, 30, 30) !important;
-    }
-
     .cm-s-xq-light span.cm-variable-2,
-    .cm-s-style-mirror span.cm-tag {
-      color: @nightFontColor;
-    }
 
     .cm-s-xq-light .CodeMirror-activeline-background {
       background-color: transparent;
@@ -103,3 +95,11 @@
   padding-bottom: 20px;
   box-sizing: border-box;
 }
+
+.cm-em {
+  font-style: normal;
+}
+
+.cm-comment {
+  font-style: normal !important;
+}
diff --git a/src/main.js b/src/main.js
@@ -10,7 +10,6 @@ import 'codemirror/theme/xq-light.css'
 /* 每个页面公共css */
 import '@/assets/index.css'
 import '@/assets/less/theme.less'
-import '@/assets/less/style-mirror.less'
 
 import 'codemirror/mode/css/css'
 import 'codemirror/mode/markdown/markdown'

diff --git a/src/stores/index.js b/src/stores/index.js
@@ -188,8 +188,9 @@ export const useStore = defineStore(`store`, () => {
     cssEditor.value = markRaw(
       CodeMirror.fromTextArea(cssEditorDom, {
         mode: `css`,
-        theme: `style-mirror`,
+        theme: `xq-light`,
         lineNumbers: false,
+        styleActiveLine: true,
         lineWrapping: true,
         matchBrackets: true,
         autofocus: true,

diff --git a/src/views/CodemirrorEditor.vue b/src/views/CodemirrorEditor.vue
@@ -30,8 +30,6 @@ import {
   toBase64,
 } from '@/utils'
 
-import 'codemirror/mode/javascript/javascript'
-
 const store = useStore()
 const { output, editor, editorContent, isShowCssEditor } = storeToRefs(store)