From 9f59e991868031cb96e4d5b23fdf0736d4ddec4c Mon Sep 17 00:00:00 2001
From: siriwatknp <siriwatkunaporn@gmail.com>
Date: Fri, 18 Feb 2022 22:27:32 +0700
Subject: [PATCH] remove palette input from the theme

---
 .../mui-material/src/styles/CssVarsProvider.tsx   | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/mui-material/src/styles/CssVarsProvider.tsx b/packages/mui-material/src/styles/CssVarsProvider.tsx
index 1cd3130aecd67d..e20758485a2000 100644
--- a/packages/mui-material/src/styles/CssVarsProvider.tsx
+++ b/packages/mui-material/src/styles/CssVarsProvider.tsx
@@ -1,8 +1,8 @@
 import { unstable_createCssVarsProvider as createCssVarsProvider } from '@mui/system';
-import createTheme, { ThemeOptions, Theme } from './createTheme';
+import createTheme, { ThemeOptions } from './createTheme';
 import { PaletteOptions } from './createPalette';
 
-interface ThemeInput extends ThemeOptions {
+interface ThemeInput extends Omit<ThemeOptions, 'palette'> {
   colorSchemes?: Partial<
     Record<
       'light' | 'dark',
@@ -11,19 +11,20 @@ interface ThemeInput extends ThemeOptions {
   >;
 }
 
-const defaultTheme = createTheme();
-const darkTheme = createTheme({ palette: { mode: 'dark' } });
+const { palette: lightPalette, ...lightTheme } = createTheme();
+const { palette: darkPalette } = createTheme({ palette: { mode: 'dark' } });
 
 const { CssVarsProvider, useColorScheme, getInitColorSchemeScript } = createCssVarsProvider<
   'light' | 'dark',
   ThemeInput
 >({
+  prefix: 'mui',
   theme: {
-    ...defaultTheme,
+    ...lightTheme,
     colorSchemes: {
       // TODO: Shuold we remove the non color scheme values from here, like getContrastText, contrastThreshold etc.
-      light: { palette: defaultTheme.palette },
-      dark: { palette: darkTheme.palette },
+      light: { palette: lightPalette },
+      dark: { palette: darkPalette },
     },
   },
   defaultColorScheme: {