Light mode improvements

2 files changed, 9 insertions, 9 deletions

diff --git a/vnext/src/ui/Message.css b/vnext/src/ui/Message.css
index d66352a4..4f2d966f 100644
--- a/vnext/src/ui/Message.css
+++ b/vnext/src/ui/Message.css
@@ -17,18 +17,18 @@
     background: var(--main-background-color);
 }
 .msg-cont > .l a {
-    color: #88958d;
+    color: var(--dimmed-link-color);
     margin-right: 15px;
     font-size: small;
 }
 .msg-tags {
-    color: #88958d;
+    color: var(--dimmed-link-color);
     margin-top: 12px;
     min-height: 1px;
 }
 .badge,
 .msg-tags > a {
-    color: #88958d;
+    color: var(--dimmed-link-color);
     display: inline-block;
     font-size: small;
 }
@@ -50,7 +50,7 @@
 }
 .msg-ts,
 .msg-ts > a {
-    color: #88958d;
+    color: var(--dimmed-link-color);
 }
 .msg-txt {
     margin: 0 0 12px;
@@ -79,13 +79,13 @@ blockquote {
     height: auto;
 }
 .msg-links {
-    color: #88958d;
+    color: var(--dimmed-link-color);
     font-size: small;
     margin: 5px 0 0 0;
     padding: 12px;
 }
 .msg-comments {
-    color: #88958d;
+    color: var(--dimmed-link-color);
     font-size: small;
     margin-top: 10px;
     overflow: hidden;
@@ -129,7 +129,7 @@ blockquote {
     width: 50px;
 }
 .msg-recomms {
-    color: #88958d;
+    color: var(--dimmed-link-color);
     background: var(--main-background-color);
     font-size: small;
     margin-bottom: 10px;
@@ -140,7 +140,7 @@ blockquote {
 }
 .msg-summary,
 .msg-summary a {
-    color: #88958d;
+    color: var(--dimmed-link-color);
     font-size: small;
     padding: 12px;
     text-align: right;
diff --git a/vnext/src/ui/NavigationIcon.css b/vnext/src/ui/NavigationIcon.css
index caff6195..9cbff965 100644
--- a/vnext/src/ui/NavigationIcon.css
+++ b/vnext/src/ui/NavigationIcon.css
@@ -1,4 +1,4 @@
 #navicon {
     padding: 12px;
-    color: #88958d;
+    color: var(--dimmed-link-color);
 }