[material-ui] Attach default light color scheme when enabling CSS the…

…me variables (#43493)
mui · Aug 29, 2024 · 975ecbb · 975ecbb
1 parent 029eb3b
commit 975ecbb
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/packages/mui-material/src/styles/createTheme.test.js b/packages/mui-material/src/styles/createTheme.test.js
@@ -57,6 +57,17 @@ describe('createTheme', () => {
   });
 
   describe('CSS variables', () => {
+    it('should have default light with media selector if no `palette` and colorSchemes.dark is provided ', () => {
+      const theme = createTheme({
+        cssVariables: true,
+        colorSchemes: { dark: true },
+      });
+      expect(theme.defaultColorScheme).to.equal('light');
+      expect(theme.colorSchemeSelector).to.equal('media');
+      expect(theme.colorSchemes.light).not.to.equal(undefined);
+      expect(theme.colorSchemes.dark).not.to.equal(undefined);
+    });
+
     it('should have a light as a default colorScheme if only `palette` is provided', () => {
       const theme = createTheme({
         cssVariables: true,

diff --git a/packages/mui-material/src/styles/createTheme.ts b/packages/mui-material/src/styles/createTheme.ts
@@ -96,6 +96,10 @@ export default function createTheme(
     return theme;
   }
 
+  if (!palette && !('light' in colorSchemesInput) && defaultColorSchemeInput === 'light') {
+    colorSchemesInput.light = true;
+  }
+
   return createThemeWithVars(
     {
       ...rest,