fix: 调整深色模式下编辑器样式

ZiuChen · Oct 11, 2023 · 635aaf5 · 635aaf5
1 parent 7676306
commit 635aaf5
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/components/Editor.vue b/src/components/Editor.vue
@@ -56,6 +56,8 @@ defineExpose({
 </script>
 
 <style lang="less">
+@import '@/style/scrollbar.less';
+
 body.dark {
   // 鼠标光标颜色
   .CodeMirror-cursor {
@@ -78,6 +80,10 @@ body.dark {
     color: #f9fafb;
   }
 
+  .cm-variable-2 {
+    color: #f9fafb;
+  }
+
   .bytemd-split {
     border-color: #4b5563;
   }
@@ -89,5 +95,9 @@ body.dark {
   .bytemd-toolbar-icon:hover {
     background-color: var(--text-bg-color-lighter);
   }
+
+  .bytemd-preview {
+    background: var(--text-color);
+  }
 }
 </style>