From 9293342cb14afdce51d50f4e60b9a495f33602a6 Mon Sep 17 00:00:00 2001
From: Paul Fitzgerald <paulfitz99@gmail.com>
Date: Tue, 1 Oct 2019 17:30:50 +0100
Subject: [PATCH] #8211

---
 lib/components/src/typography/DocumentFormatting.tsx | 1 +
 lib/components/src/typography/DocumentWrapper.tsx    | 1 +
 2 files changed, 2 insertions(+)

diff --git a/lib/components/src/typography/DocumentFormatting.tsx b/lib/components/src/typography/DocumentFormatting.tsx
index 675036b365f2..cec48badbe86 100644
--- a/lib/components/src/typography/DocumentFormatting.tsx
+++ b/lib/components/src/typography/DocumentFormatting.tsx
@@ -318,6 +318,7 @@ const codeCommon = ({ theme }: { theme: Theme }): CSSObject => ({
   backgroundColor: theme.color.lighter,
   borderRadius: '3px',
   fontSize: theme.typography.size.s2 - 1,
+  color: theme.base === 'dark' && theme.color.darkest,
 });
 
 export const P = styled.p<{}>(withReset, withMargin, ({ theme }) => ({
diff --git a/lib/components/src/typography/DocumentWrapper.tsx b/lib/components/src/typography/DocumentWrapper.tsx
index d125542f370a..7715b86c02cc 100644
--- a/lib/components/src/typography/DocumentWrapper.tsx
+++ b/lib/components/src/typography/DocumentWrapper.tsx
@@ -436,6 +436,7 @@ export const DocumentWrapper = styled.div(
       border: 1px solid ${theme.color.mediumlight};
       background-color: ${theme.color.lighter};
       border-radius: 3px;
+      color: ${theme.base === 'dark' && theme.color.darkest};
     }
   `
 );