fix as suggested

docs/data/material/customization/css-theme-variables/configuration.md

@@ -31,8 +31,8 @@ To toggle between modes manually, set the `colorSchemeSelector` with one of the
 ```js class
 extendTheme({
   colorSchemes: { light: true, dark: true },
-  colorSchemeSelector: 'class' }
-);
+  colorSchemeSelector: 'class'
+});
 
 // CSS Result
 .light { ... }
@@ -42,8 +42,8 @@ extendTheme({
 ```js data
 extendTheme({
   colorSchemes: { light: true, dark: true },
-  colorSchemeSelector: 'data' }
-);
+  colorSchemeSelector: 'data'
+});
 
 // CSS Result
 [data-light] { ... }

docs/data/material/customization/css-theme-variables/usage.md

@@ -92,7 +92,7 @@ function App() {
 
 </codeblock>
 
-If you want to customize the selector instead of using `prefers-color-scheme`, check out the [advanced configuration](/material-ui/customization/css-theme-variables/configuration/#advanced-configuration).
+If you want to manually toggle the color scheme, check out the [advanced configuration](/material-ui/customization/css-theme-variables/configuration/#advanced-configuration).
 
 ## Applying dark styles
 

docs/public/static/error-codes.json

@@ -22,4 +22,4 @@
   "21": "MUI: The provided shorthand %s is invalid. The format should be `@<breakpoint | number>` or `@<breakpoint | number>/<container>`.\nFor example, `@sm` or `@600` or `@40rem/sidebar`.",
   "22": "MUI: Missing or invalid value of `colorSchemes.%s` from the `extendTheme` function.",
   "23": "MUI: The provided `colorSchemes.%s` to the `extendTheme` function is either missing or invalid."
-}
+}

packages/mui-material/src/styles/extendTheme.test.js

@@ -5,7 +5,6 @@ import { createRenderer } from '@mui/internal-test-utils';
 import Button from '@mui/material/Button';
 import { CssVarsProvider, extendTheme } from '@mui/material/styles';
 import { deepOrange, green } from '@mui/material/colors';
-import { colors } from '..';
 
 describe('extendTheme', () => {
   let originalMatchmedia;