diff --git a/web/styles/chat.scss b/web/styles/chat.scss
index ea59977a8..13a84a0cc 100644
--- a/web/styles/chat.scss
+++ b/web/styles/chat.scss
@@ -10,6 +10,11 @@
     .ant-table-cell {
       color: rgba(0,0,0,.25)
     }
+    @media (prefers-color-scheme: dark) {
+      .ant-table-cell {
+        color: rgba(255,255,255,.25)
+      }
+    }
   }
   .ant-table-cell {
     font-size: 12px;
@@ -55,6 +60,11 @@
       .label {
         color: #000;
       }
+      @media (prefers-color-scheme: dark) {
+        .label {
+          color: #fff;
+        }
+      }
     }
 
     .label {
@@ -104,4 +114,9 @@
   .ant-btn-text:hover {
     background-color: rgba(0,0,0,.1)
   }
+  @media (prefers-color-scheme: dark) {
+    .ant-btn-text:hover {
+      background-color: rgba(255,255,255,.3)
+    }
+  }
 }