1 files changed, 8 insertions, 8 deletions
diff --git a/vnext/src/ui/Message.css b/vnext/src/ui/Message.css
index 126fcd6a..d66352a4 100644
--- a/vnext/src/ui/Message.css
+++ b/vnext/src/ui/Message.css
@@ -10,11 +10,11 @@
     padding: 12px;
 }
 .msg-cont > .l {
-    border-top: 1px solid #eee;
+    border-top: 1px solid var(--border-color);
     display: flex;
     align-items: center;
     justify-content: space-around;
-    background: #fdfdfe;
+    background: var(--main-background-color);
 }
 .msg-cont > .l a {
     color: #88958d;
@@ -36,8 +36,8 @@
     margin-bottom: 0;
 }
 .msg-cont {
-    background: #FFF;
-    border: 1px solid #eee;
+    background: var(--text-background-color);
+    border: 1px solid var(--border-color);
     line-height: 140%;
     margin-bottom: 12px;
 }
@@ -119,8 +119,8 @@ blockquote {
 }
 .msg-comment input {
     align-self: flex-start;
-    background: #EEE;
-    border: 1px solid #CCC;
+    background: var(--background-color);
+    border: 1px solid var(--border-color);
     color: #999;
     margin: 0 0 0 6px;
     position: sticky;
@@ -130,11 +130,11 @@ blockquote {
 }
 .msg-recomms {
     color: #88958d;
-    background: #fdfdfe;
+    background: var(--main-background-color);
     font-size: small;
     margin-bottom: 10px;
     padding: 6px;
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid var(--border-color);
     overflow: hidden;
     text-indent: 10px;
 }