diff --git a/src/components/chat/MessageList.vue b/src/components/chat/MessageList.vue
index 7bb8db3..6dc8be5 100644
--- a/src/components/chat/MessageList.vue
+++ b/src/components/chat/MessageList.vue
@@ -32,7 +32,11 @@
             :plugins="markdownPlugins"
           /> -->
             <!-- <v-md-preview :text="message.content" height="500px"></v-md-preview> -->
-            <div v-if="mdInited" class="markdown-body" v-html="mdIt.render(message.content)"></div>
+            <div
+              v-if="mdInited"
+              class="markdown-body"
+              v-html="mdIt.render(message.content)"
+            ></div>
             <div class="relative h-full">
               <n-avatar
                 round
@@ -91,7 +95,7 @@ import leaflowPng from "@/assets/images/leaflow.png";
 import markdownKatex from "@traptitech/markdown-it-katex";
 import markdownIt from "markdown-it";
 // highlightjs
-import hljs from "highlight.js";
+// import hljs from "highlight.js";
 import config from "@/config/config";
 import Shiki from "@shikijs/markdown-it";
 
diff --git a/src/style.css b/src/style.css
index 4878b7f..57cce0c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -47,4 +47,16 @@ body {
 
 .markdown-body ol {
   list-style: decimal;
-}
\ No newline at end of file
+}
+
+@media (prefers-color-scheme: dark) {
+  .shiki,
+  .shiki span {
+    color: var(--shiki-dark) !important;
+    background-color: var(--shiki-dark-bg) !important;
+    /* 可选，用于定义字体样式 */
+    font-style: var(--shiki-dark-font-style) !important;
+    font-weight: var(--shiki-dark-font-weight) !important;
+    text-decoration: var(--shiki-dark-text-decoration) !important;
+  }
+}