[material-next][theme] Move ref palette out of color schemes (#40341)

mui · Dec 29, 2023 · bf891fe · bf891fe
1 parent cb3d718
commit bf891fe
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 16 deletions.
diff --git a/docs/pages/experiments/md3/buttons.tsx b/docs/pages/experiments/md3/buttons.tsx
@@ -201,17 +201,8 @@ function DemoComponents() {
 
 // custom MD3 theme
 const cssVarsTheme = extendTheme({
-  colorSchemes: {
-    light: {
-      ref: {
-        palette: customPalette,
-      },
-    },
-    dark: {
-      ref: {
-        palette: customPalette,
-      },
-    },
+  ref: {
+    palette: customPalette,
   },
 });
 

diff --git a/packages/mui-material-next/src/styles/Theme.types.ts b/packages/mui-material-next/src/styles/Theme.types.ts
@@ -239,6 +239,7 @@ export interface Motion {
 export interface MD3CssVarsThemeOptions extends Omit<MD2CssVarsThemeOptions, 'colorSchemes'> {
   ref?: {
     typeface?: Partial<MD3Typeface>;
+    palette?: Partial<MD3Palettes>;
   };
   sys?: {
     typescale?: Partial<MD3Typescale>;
@@ -250,9 +251,6 @@ export interface MD3CssVarsThemeOptions extends Omit<MD2CssVarsThemeOptions, 'co
 }
 
 export interface ColorSystemOptions extends MD2ColorSystemOptions {
-  ref?: {
-    palette?: Partial<MD3Palettes>;
-  };
   sys?: {
     color?: Partial<MD3ColorSchemeTokens>;
     elevation?: string[];

diff --git a/packages/mui-material-next/src/styles/extendTheme.ts b/packages/mui-material-next/src/styles/extendTheme.ts
@@ -90,7 +90,7 @@ export default function extendTheme(options: CssVarsThemeOptions = {}, ...args:
     ref: {
       ...input.ref,
       typeface,
-      palette: deepmerge(md3CommonPalette, colorSchemesInput.light?.ref?.palette),
+      palette: deepmerge(md3CommonPalette, input.ref?.palette),
     },
     sys: {
       ...input.sys,
@@ -121,7 +121,7 @@ export default function extendTheme(options: CssVarsThemeOptions = {}, ...args:
     ref: {
       ...input.ref,
       typeface,
-      palette: deepmerge(md3CommonPalette, colorSchemesInput.dark?.ref?.palette),
+      palette: deepmerge(md3CommonPalette, input.ref?.palette),
     },
     sys: {
       ...input.sys,