diff --git a/web/chat/chat-thread-list.css b/web/chat/chat-thread-list.css
--- a/web/chat/chat-thread-list.css
+++ b/web/chat/chat-thread-list.css
@@ -31,11 +31,11 @@
 }
 
 div.activeThread :is(div.dark, .lastMessage span.read, .title) {
-  color: var(--fg);
+  color: var(--chat-thread-list-color-active);
 }
 
 div.activeThread .lastMessage.read {
-  color: var(--fg);
+  color: var(--chat-thread-list-color-active);
 }
 
 div.activeThread.thread:hover {
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -118,6 +118,7 @@
   --app-list-icon-disabled-color: var(--shades-white-80);
   --account-settings-label: var(--shades-black-60);
   --account-button-color: var(--violet-dark-100);
+  --chat-thread-list-color-active: var(--shades-of-white-60);
   --chat-thread-list-menu-color: var(--shades-white-60);
   --chat-thread-list-menu-bg: var(--shades-black-80);
   --chat-thread-list-menu-active-color: var(--shades-white-60);