diff --git a/src/renderer/src/assets/styles/index.scss b/src/renderer/src/assets/styles/index.scss
index b38a97ecdd..116ae16aa4 100644
--- a/src/renderer/src/assets/styles/index.scss
+++ b/src/renderer/src/assets/styles/index.scss
@@ -56,6 +56,7 @@
   --chat-background: #111111;
   --chat-background-user: #28b561;
   --chat-background-assistant: #2c2c2c;
+  --chat-text-user: var(--color-black);
 }
 
 body[theme-mode='light'] {
@@ -101,6 +102,7 @@ body[theme-mode='light'] {
   --chat-background: #f3f3f3;
   --chat-background-user: #95ec69;
   --chat-background-assistant: #ffffff;
+  --chat-text-user: var(--color-text);
 }
 
 *,
diff --git a/src/renderer/src/pages/home/Messages/Message.tsx b/src/renderer/src/pages/home/Messages/Message.tsx
index b1a063f439..95a3a0df61 100644
--- a/src/renderer/src/pages/home/Messages/Message.tsx
+++ b/src/renderer/src/pages/home/Messages/Message.tsx
@@ -177,14 +177,12 @@ const MessageContainer = styled.div`
   &.message-highlight {
     background-color: var(--color-primary-mute);
   }
-  // reverse color for user message
   &.message-user {
     .markdown,
     .anticon,
     .iconfont,
     .message-tokens {
-      color: var(--color-text);
-      filter: invert(1);
+      color: var(--chat-text-user);
     }
     .message-action-button:hover {
       background-color: var(--color-white-soft);