From a26f0bf385770b982584a94ca2614b3e5a54cf74 Mon Sep 17 00:00:00 2001
From: Twilight <im@ivampiresp.com>
Date: Mon, 16 Sep 2024 12:07:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E8=BF=9B=20=E6=B7=B1=E8=89=B2?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/chat/MessageList.vue |  8 ++++++--
 src/style.css                       | 14 +++++++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

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;
+  }
+}