Fix examples

mui · Dec 20, 2024 · 13d8ba0 · 13d8ba0
1 parent 26e8ef7
commit 13d8ba0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/docs/data/material/customization/css-theme-variables/configuration.md b/docs/data/material/customization/css-theme-variables/configuration.md
@@ -136,26 +136,27 @@ If you have such a condition, replace it with the [`theme.applyStyles()` functio
  function App() {
    return (
      <Card
--       sx={(theme) => ({
+-      sx={(theme) => ({
 -        backgroundColor: theme.palette.mode === 'dark' ? '#000' : '#fff',
 -        '&:hover': {
 -          backgroundColor: theme.palette.mode === 'dark' ? '#333' : '#f5f5f5',
 -        },
 -      })}
-+       sx={(theme) => [
-+          {
-+            backgroundColor: '#fff',
-+            '&:hover': {
-+              backgroundColor: '#f5f5f5',
-+            },
++      sx={[
++        {
++          backgroundColor: '#fff',
++          '&:hover': {
++            backgroundColor: '#f5f5f5',
 +          },
++        },
++        (theme) =>
 +          theme.applyStyles('dark', {
 +            backgroundColor: '#000',
 +            '&:hover': {
 +              backgroundColor: '#333',
 +            },
 +          }),
-+        ]}
++      ]}
      />
    );
  }

diff --git a/docs/data/material/customization/css-theme-variables/usage.md b/docs/data/material/customization/css-theme-variables/usage.md
@@ -62,7 +62,7 @@ import Card from '@mui/material/Card';
     }),
     (theme) =>
       theme.applyStyles('dark', {
-        backgroundColor: theme.vars.palette.grey[50],
+        backgroundColor: theme.vars.palette.grey[900],
       }),
   ]}
 />;