From 25a37eecd5b4f18df35de2d368145a5f56467c4e Mon Sep 17 00:00:00 2001
From: Siriwat K <siriwatkunaporn@gmail.com>
Date: Wed, 16 Jun 2021 09:28:49 +0700
Subject: [PATCH] [docs] Move custom theme to frame (#26744)

---
 docs/src/modules/components/AppFrame.js     | 3 +++
 docs/src/modules/components/ThemeContext.js | 4 ----
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/docs/src/modules/components/AppFrame.js b/docs/src/modules/components/AppFrame.js
index 6801da1748fa76..1e5fe96ec4c3c4 100644
--- a/docs/src/modules/components/AppFrame.js
+++ b/docs/src/modules/components/AppFrame.js
@@ -85,6 +85,9 @@ const styles = (theme) => ({
   },
   root: {
     display: 'flex',
+    ...(theme.palette.mode === 'dark' && {
+      backgroundColor: theme.palette.grey[900],
+    }),
   },
   grow: {
     flex: '1 1 auto',
diff --git a/docs/src/modules/components/ThemeContext.js b/docs/src/modules/components/ThemeContext.js
index ae4c4da3465b49..aff5ecb0145f6c 100644
--- a/docs/src/modules/components/ThemeContext.js
+++ b/docs/src/modules/components/ThemeContext.js
@@ -224,10 +224,6 @@ export function ThemeProvider(props) {
       languageMap[userLanguage],
     );
 
-    if (paletteMode === 'dark') {
-      nextTheme.palette.background.default = '#222';
-    }
-
     return nextTheme;
   }, [dense, direction, paletteColors, paletteMode, spacing, userLanguage]);