From 01006a74ac9bd228393b5ac9c8b83763090a0acd Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Thu, 2 Jul 2020 20:17:27 +1000
Subject: [PATCH] FIx a couple of light theme contrast issues

---
 src/components/Banner.js   | 1 +
 src/components/Markdown.js | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Banner.js b/src/components/Banner.js
index 521fef1..eb31c4b 100644
--- a/src/components/Banner.js
+++ b/src/components/Banner.js
@@ -13,6 +13,7 @@ function Banner({ isOpen, onRequestClose, children, allowClose }) {
         overlay: { bottom: "0", top: "initial" },
         content: {
           backgroundColor: theme.colors.highlight,
+          color: "hsl(210, 50%, 96%)",
           top: "initial",
           left: "50%",
           right: "initial",
diff --git a/src/components/Markdown.js b/src/components/Markdown.js
index b3af23e..e59a762 100644
--- a/src/components/Markdown.js
+++ b/src/components/Markdown.js
@@ -56,7 +56,13 @@ function Code({ children, value }) {
     variant = "note";
   }
   return (
-    <Message variant={variant} my={2} as="span" sx={{ display: "block" }}>
+    <Message
+      variant={variant}
+      color="hsl(210, 50%, 96%)"
+      my={2}
+      as="span"
+      sx={{ display: "block" }}
+    >
       {children}
     </Message>
   );