diff --git a/src/styles/lib/github-markdown.less b/src/styles/lib/github-markdown.less
index c9285778a2..913796def9 100644
--- a/src/styles/lib/github-markdown.less
+++ b/src/styles/lib/github-markdown.less
@@ -1,5 +1,4 @@
-html.dark {
-  .markdown-body {
+html.dark .reply .markdown-body {
     color-scheme: dark;
     --color-prettylights-syntax-comment: #8b949e;
     --color-prettylights-syntax-constant: #79c0ff;
@@ -43,11 +42,10 @@ html.dark {
     --color-accent-emphasis: #1f6feb;
     --color-attention-subtle: rgba(187,128,9,0.15);
     --color-danger-fg: #f85149;
-  }
 }
 
-html {
-  .markdown-body {
+html .markdown-body, 
+html.dark .request .markdown-body {
     color-scheme: light;
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant: #0550ae;
@@ -91,7 +89,6 @@ html {
     --color-accent-emphasis: #0969da;
     --color-attention-subtle: #fff8c5;
     --color-danger-fg: #cf222e;
-  }
 }
 
 .markdown-body {
diff --git a/src/views/chat/components/Message/Text.vue b/src/views/chat/components/Message/Text.vue
index e23abac607..372cfcdba8 100644
--- a/src/views/chat/components/Message/Text.vue
+++ b/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 },
   ]
 })
diff --git a/src/views/chat/components/Message/style.less b/src/views/chat/components/Message/style.less
index ce67447a33..a78703f5f6 100644
--- a/src/views/chat/components/Message/style.less
+++ b/src/views/chat/components/Message/style.less
@@ -59,6 +59,10 @@
 
 html.dark {
 
+	div .reply  {
+		color: var(--n-text-color);
+	}
+
 	.highlight pre,
 	pre {
 		background-color: #282c34;