优化文档日志暗色主题规则

Author: lnyeol

src/views/knowledgeFile/documentLog.vue

@@ -43,15 +43,27 @@
       }
     });
     
-    // 定义主题规则
+    // 定义亮色主题规则
     monaco.editor.defineTheme('customLogTheme', {
       base: 'vs',
       inherit: true,
       rules: [
         { token: 'uuid', foreground: '#808080' }, // 灰色
         { token: 'timestamp', foreground: '#CE9178' }, // 紫色
       ],
-      colors: {}
+      colors: { }
+    });
+    // 定义暗色主题规则
+    monaco.editor.defineTheme('customLogThemeDark', {
+      base: 'vs-dark',
+      inherit: true,
+      rules: [
+        { token: 'uuid', foreground: '#808080' }, // 灰色
+        { token: 'timestamp', foreground: '#CE9178' }, // 紫色
+      ],
+      colors: {
+        'editor.background': '#1f2329'
+      }
     });
   }
   
@@ -97,15 +109,15 @@
 const observeThemeChange = () => {
   const body = document.body;
   observer = new MutationObserver(() => {
-    const newTheme = body.getAttribute('theme') === 'dark' ? 'vs-dark' : 'vs';
+    const newTheme = body.getAttribute('theme') === 'dark' ? 'customLogThemeDark' : 'customLogTheme';
     monaco.editor.setTheme(newTheme);
   });
   observer.observe(body, { attributes: true, attributeFilter: ['theme'] });
 };
 // 设置初始主题
 const setInitialTheme = () => {
   const body = document.body;
-  const initialTheme = body.getAttribute('theme') === 'dark' ? 'vs-dark' : 'vs';
+  const initialTheme = body.getAttribute('theme') === 'dark' ? 'customLogThemeDark' : 'customLogTheme';
   monaco.editor.setTheme(initialTheme);
 };
   // 生命周期钩子