style: 调整markdown样式问题

Yi.Ai.Vue3/src/components/MarkedMarkdown/index.vue

@@ -297,95 +297,6 @@ onUnmounted(() => {
   line-height: 1.7;
   word-wrap: break-word;
   overflow-wrap: break-word;
-
-  // 深色主题
-  &.theme-dark {
-    color: #e6edf3;
-
-    a {
-      color: #58a6ff;
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-
-    h1, h2, h3, h4, h5, h6 {
-      color: #e6edf3;
-      border-bottom-color: #30363d;
-    }
-
-    hr {
-      background-color: #30363d;
-    }
-
-    blockquote {
-      color: #8b949e;
-      border-left-color: #3b434b;
-    }
-
-    code.inline-code {
-      background-color: rgba(110, 118, 129, 0.4);
-      color: #e6edf3;
-    }
-
-    .code-block-wrapper {
-      background-color: #161b22;
-      border: 1px solid #30363d;
-
-      .code-block-header {
-        background-color: #21262d;
-        border-bottom-color: #30363d;
-
-        .code-lang {
-          color: #8b949e;
-        }
-
-        .copy-btn,
-        .preview-btn {
-          color: #8b949e;
-          &:hover {
-            color: #e6edf3;
-            background-color: #30363d;
-          }
-          &.copied {
-            color: #3fb950;
-          }
-        }
-      }
-
-      .code-block-body {
-        .line-numbers {
-          background-color: #161b22;
-          border-right: 1px solid #30363d;
-
-          .line-number {
-            color: #6e7681;
-          }
-        }
-      }
-
-      pre.hljs {
-        background-color: #161b22;
-      }
-    }
-
-    table {
-      th {
-        background-color: #21262d;
-      }
-      td, th {
-        border-color: #30363d;
-      }
-      tr:nth-child(2n) {
-        background-color: #161b22;
-      }
-    }
-
-    .markdown-image {
-      background-color: transparent;
-    }
-  }
-
   // 浅色主题
   &.theme-light {
     color: #24292f;

Yi.Ai.Vue3/src/styles/atom-one-dark.css

@@ -17,80 +17,82 @@ hue-6:   #d19a66
 hue-6-2: #e6c07b
 
 */
+[data-theme="dark"]{
+  .hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 0.5em;
+    color: #abb2bf;
+    background: #282c34;
+  }
 
-.hljs {
+  .hljs-comment,
-  display: block;
+  .hljs-quote {
-  overflow-x: auto;
+    color: #5c6370;
-  padding: 0.5em;
+    font-style: italic;
-  color: #abb2bf;
+  }
-  background: #282c34;
-}
 
-.hljs-comment,
+  .hljs-doctag,
-.hljs-quote {
+  .hljs-keyword,
-  color: #5c6370;
+  .hljs-formula {
-  font-style: italic;
+    color: #c678dd;
-}
+  }
 
-.hljs-doctag,
+  .hljs-section,
-.hljs-keyword,
+  .hljs-name,
-.hljs-formula {
+  .hljs-selector-tag,
-  color: #c678dd;
+  .hljs-deletion,
-}
+  .hljs-subst {
+    color: #e06c75;
+  }
 
-.hljs-section,
+  .hljs-literal {
-.hljs-name,
+    color: #56b6c2;
-.hljs-selector-tag,
+  }
-.hljs-deletion,
-.hljs-subst {
-  color: #e06c75;
-}
 
-.hljs-literal {
+  .hljs-string,
-  color: #56b6c2;
+  .hljs-regexp,
-}
+  .hljs-addition,
+  .hljs-attribute,
+  .hljs-meta-string {
+    color: #98c379;
+  }
 
-.hljs-string,
+  .hljs-built_in,
-.hljs-regexp,
+  .hljs-class .hljs-title {
-.hljs-addition,
+    color: #e6c07b;
-.hljs-attribute,
+  }
-.hljs-meta-string {
-  color: #98c379;
-}
 
-.hljs-built_in,
+  .hljs-attr,
-.hljs-class .hljs-title {
+  .hljs-variable,
-  color: #e6c07b;
+  .hljs-template-variable,
-}
+  .hljs-type,
+  .hljs-selector-class,
+  .hljs-selector-attr,
+  .hljs-selector-pseudo,
+  .hljs-number {
+    color: #d19a66;
+  }
 
-.hljs-attr,
+  .hljs-symbol,
-.hljs-variable,
+  .hljs-bullet,
-.hljs-template-variable,
+  .hljs-link,
-.hljs-type,
+  .hljs-meta,
-.hljs-selector-class,
+  .hljs-selector-id,
-.hljs-selector-attr,
+  .hljs-title {
-.hljs-selector-pseudo,
+    color: #61aeee;
-.hljs-number {
+  }
-  color: #d19a66;
-}
 
-.hljs-symbol,
+  .hljs-emphasis {
-.hljs-bullet,
+    font-style: italic;
-.hljs-link,
+  }
-.hljs-meta,
-.hljs-selector-id,
-.hljs-title {
-  color: #61aeee;
-}
 
-.hljs-emphasis {
+  .hljs-strong {
-  font-style: italic;
+    font-weight: bold;
-}
+  }
 
-.hljs-strong {
+  .hljs-link {
-  font-weight: bold;
+    text-decoration: underline;
-}
+  }
 
-.hljs-link {
-  text-decoration: underline;
 }

Yi.Ai.Vue3/src/styles/dark-theme.scss

@@ -528,7 +528,7 @@
 
   /* 代码块 */
   pre, code {
-    background-color: var(--bg-color-tertiary) !important;
+    background-color: #1D1E1F !important;
   }
 
   /* Markdown 样式 */
@@ -1806,7 +1806,4 @@
   .marked-markdown.theme-light .code-block-wrapper .code-block-body .line-numbers{
     @include dark-theme-div;
   }
-  
 }
-
-