fix default getColorSchemeSelector

mui · Mar 3, 2023 · d12e77b · d12e77b
1 parent d930896
commit d12e77b
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/mui-joy/src/styles/extendTheme.ts b/packages/mui-joy/src/styles/extendTheme.ts
@@ -763,7 +763,10 @@ export default function extendTheme(themeOptions?: CssVarsThemeOptions): Theme {
       theme: this,
     });
   };
-  theme.getColorSchemeSelector = () => '&';
+  theme.getColorSchemeSelector = (colorScheme: SupportedColorScheme) =>
+    colorScheme === 'light'
+      ? '&'
+      : `&[data-joy-color-scheme="${colorScheme}"], [data-joy-color-scheme="${colorScheme}"] &`;
 
   const createVariantInput = { getCssVar, palette: theme.colorSchemes.light.palette };
   theme.variants = deepmerge(