diff --git a/packages/freesewing.shared/components/wrappers/mdx.js b/packages/freesewing.shared/components/wrappers/mdx.js
index a3b646e4992..d60b6caa8a1 100644
--- a/packages/freesewing.shared/components/wrappers/mdx.js
+++ b/packages/freesewing.shared/components/wrappers/mdx.js
@@ -72,7 +72,7 @@ const MdxWrapper = ({mdx, components={}}) => {
   const MdxContent = mdxModule ? mdxModule.default : Fragment
 
   return (
-    <div className="prose lg:prose-xl prose-pre:bg-primary">
+    <div className="prose lg:prose-xl prose-pre:bg-primary text-primary">
       <MdxContent components={allComponents}/>
     </div>
   )
diff --git a/packages/freesewing.shared/themes/dark/index.js b/packages/freesewing.shared/themes/dark/index.js
index 42a51f0f5c4..55c41e7e674 100644
--- a/packages/freesewing.shared/themes/dark/index.js
+++ b/packages/freesewing.shared/themes/dark/index.js
@@ -21,7 +21,7 @@ module.exports = {
     'neutral-focus': gray['800'],
     'neutral-content': gray['300'],
 
-    'base-100': gray['800'],
+    'base-100': gray['900'],
     'base-200': gray['700'],
     'base-300': gray['600'],
     'base-content': gray['300'],
@@ -31,7 +31,7 @@ module.exports = {
     'warning': colors.amber['500'],
     'error': colors.red['400'],
 
-    '--code-background-color': colors.neutral['900'],
+    '--code-background-color': '#111',
     '--code-border-color': colors.neutral['800'],
     '--code-color': colors.neutral['300'],
     '--code-font-family': `"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace`,