diff --git a/src/components/left/search/ChatMessage.scss b/src/components/left/search/ChatMessage.scss
index 5a8019a44..a927f9045 100644
--- a/src/components/left/search/ChatMessage.scss
+++ b/src/components/left/search/ChatMessage.scss
@@ -30,6 +30,10 @@
         background: #CAE3F7;
         border-radius: 0.25rem;
         padding: 0 0.125rem;
+
+        .theme-dark & {
+          --color-text: #000;
+        }
       }
     }
 
diff --git a/src/components/middle/message/_message-content.scss b/src/components/middle/message/_message-content.scss
index 6ee09a460..79f4f2b36 100644
--- a/src/components/middle/message/_message-content.scss
+++ b/src/components/middle/message/_message-content.scss
@@ -185,9 +185,14 @@
   }
 
   .matching-text-highlight {
+    color: var(--color-text);
     background: #CAE3F7;
     border-radius: 0.25rem;
     padding: 0 0.125rem;
+
+    .theme-dark & {
+      --color-text: #000;
+    }
   }
 
   .message-title {
diff --git a/src/components/ui/ListItem.scss b/src/components/ui/ListItem.scss
index 2bfb40bbe..30b49085d 100644
--- a/src/components/ui/ListItem.scss
+++ b/src/components/ui/ListItem.scss
@@ -301,6 +301,10 @@
         background: #CAE3F7;
         border-radius: 0.25rem;
         padding: 0 0.125rem;
+
+        .theme-dark & {
+          --color-text: #000;
+        }
       }
     }