diff --git a/src/app.css b/src/app.css
index ff5e16f..310448f 100644
--- a/src/app.css
+++ b/src/app.css
@@ -19,6 +19,7 @@ body, body.light {
     --theme-color: hsl(85, 50%, 60%);
     --back-color: hsl(60, 100%, 98%);
     --font-color: #222;
+    --font-gray: #666;
     --grid-color: #fff;
     --code-color: #ddd;
     --code-block: #30303a;
@@ -32,6 +33,7 @@ body.dark {
     --theme-color: teal;
     --back-color: hsl(210, 7%, 18%);
     --font-color: #f5f5f5;
+    --font-gray: #999;
     --grid-color: #333;
     --code-color: #445;
     --code-block: #23232a;
@@ -46,6 +48,7 @@ body.dark {
         --theme-color: teal;
         --back-color: hsl(210, 7%, 18%);
         --font-color: #fafafa;
+        --font-gray: #999;
         --grid-color: #333;
         --code-color: #445;
         --code-block: #23232a;
diff --git a/src/lib/components/Markdown.css b/src/lib/components/Markdown.css
index c56c67e..b8f4448 100644
--- a/src/lib/components/Markdown.css
+++ b/src/lib/components/Markdown.css
@@ -133,7 +133,7 @@
         padding: 8px 16px;
         border-left: solid #d1d9e0 4px;
         margin: 1em 0;
-        color: #59636e;
+        color: var(--font-gray);
         & p {margin: 0;}
     }
     & iframe {