diff --git a/build/scss/_direct-chat.scss b/build/scss/_direct-chat.scss
index 521b9f4bd..ca9c259b6 100644
--- a/build/scss/_direct-chat.scss
+++ b/build/scss/_direct-chat.scss
@@ -122,7 +122,7 @@
 
 .direct-chat-contacts {
   @include translate(101%, 0);
-  background: $gray-900;
+  background: $dark;
   bottom: 0;
   color: $white;
   height: 250px;
@@ -132,6 +132,22 @@
   width: 100%;
 }
 
+.direct-chat-contacts-light {
+  background: $light;
+
+  .contacts-list-name {
+    color: $gray-700;
+  }
+
+  .contacts-list-date {
+    color: $gray-600;
+  }
+
+  .contacts-list-msg {
+    color: darken($gray-600, 10%);
+  }
+}
+
 //Contacts list -- for displaying contacts in direct chat contacts pane
 .contacts-list {
   @extend .list-unstyled;
@@ -173,12 +189,12 @@
 }
 
 .contacts-list-date {
-  color: $gray-500;
+  color: $gray-400;
   font-weight: normal;
 }
 
 .contacts-list-msg {
-  color: darken($gray-500, 25%);
+  color: darken($gray-400, 10%);
 }
 
 // Color variants