From 67d74b94ab44beb2036aaa8c5e94ba2fd3621491 Mon Sep 17 00:00:00 2001
From: Siriwat K <siriwatkunaporn@gmail.com>
Date: Mon, 14 Nov 2022 15:14:12 +0700
Subject: [PATCH] [docs] Fix `MarkdownElement` regression from adding CSS
 variables (#35096)

---
 docs/src/modules/components/MarkdownElement.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js
index 5d0915ccb04056..b1802eb0c492cc 100644
--- a/docs/src/modules/components/MarkdownElement.js
+++ b/docs/src/modules/components/MarkdownElement.js
@@ -39,7 +39,6 @@ const Root = styled('div')(
       ...lightTheme.typography.body2,
       fontFamily: lightTheme.typography.fontFamilyCode,
       fontWeight: 400,
-      letterSpacing: '0.01071em',
       WebkitFontSmoothing: 'subpixel-antialiased',
     },
     '& pre > code': {
@@ -412,6 +411,10 @@ const Root = styled('div')(
   }),
   {
     ':where(.mode-dark) &': {
+      '& :not(pre) > code': {
+        // inline code block
+        color: '#fff',
+      },
       '& strong': {
         color: `var(--muidocs-palette-grey-200, ${darkTheme.palette.grey[200]})`,
       },
@@ -509,6 +512,7 @@ const Root = styled('div')(
         color: `var(--muidocs-palette-primary-light, ${darkTheme.palette.primary.light})`,
       },
       '& kbd.key': {
+        color: '#fff',
         backgroundColor: `var(--muidocs-palette-primaryDark-900, ${darkTheme.palette.primaryDark[900]})`,
         border: `1px solid var(--muidocs-palette-primaryDark-500, ${darkTheme.palette.primaryDark[500]})`,
         boxShadow: `inset 0 -1px 0 var(--muidocs-palette-primaryDark-700, ${darkTheme.palette.primaryDark[700]})`,