FIx a couple of light theme contrast issues

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",

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>
   );