diff --git a/src/assets/vars.css b/src/assets/vars.css
index afabd943..5dfe39cb 100644
--- a/src/assets/vars.css
+++ b/src/assets/vars.css
@@ -1,4 +1,19 @@
 :root{
     /* border radius */
-    --br:8px
-}
\ No newline at end of file
+    --br:8px;
+    --rustchat-navs-bg:#E5E7EB;
+    --rustchat-body-bg:#F5F6F7;
+    --rustchat-chat-bg:#fff;
+    --rustchat-channel-text-color:#1C1C1E;
+    --rustchat-msg-text-color:#374151;
+}
+/* @media (prefers-color-scheme: dark) {
+    :root{
+        --br:8px;
+        --rustchat-navs-bg:#121926;
+        --rustchat-body-bg:#1F2A37;
+        --rustchat-chat-bg:#384250;
+        --rustchat-channel-text-color:#fff;
+        --rustchat-msg-text-color:#fff;
+    }
+  } */
\ No newline at end of file