chore: 修复暗色主题下文本颜色问题

给输入和输出气泡添加了 css 类,用来处理在暗色主题下聊天气泡的文本颜色

src/views/chat/components/Message/Text.vue

@@ -44,6 +44,7 @@ const wrapClass = computed(() => {
     isMobile.value ? 'p-2' : 'px-3 py-2',
     props.inversion ? 'bg-[#d2f9d1]' : 'bg-[#f4f6f8]',
     props.inversion ? 'dark:bg-[#a1dc95]' : 'dark:bg-[#1e1e20]',
+    props.inversion ? 'request' : 'reply',
     { 'text-red-500': props.error },
   ]
 })

src/views/chat/components/Message/style.less

@@ -1,3 +1,5 @@
+@import url('/src/styles/lib/github-markdown.less');
+
 .markdown-body {
 	background-color: transparent;
 	font-size: 14px;
@@ -55,10 +57,27 @@
 			}
 		}
 	}
+
+}
+
+html .markdown-body {
+
+	h1,h2,h3,h4 {
+		border: none;
+	}
 }
 
 html.dark {
 
+	/* 用户的输入始终使用亮色主题的 Markdown */
+   	.request .markdown-body:extend(html .markdown-body) {
+		--color-canvas-default: #0d1117;
+    }
+
+	.reply .whitespace-pre-wrap {
+		color: var(--n-text-color);
+	}
+
 	.highlight pre,
 	pre {
 		background-color: #282c34;