tweak the bg: true demo styles

mui · Jun 30, 2023 · 6d9bb2a · 6d9bb2a
1 parent ab0f5d4
commit 6d9bb2a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/docs/src/modules/components/Demo.js b/docs/src/modules/components/Demo.js
@@ -231,9 +231,10 @@ const DemoRootMaterial = styled('div', {
   /* Prepare the background to display an inner elevation. */
   ...(bg === true && {
     padding: theme.spacing(3),
-    backgroundColor: (theme.vars || theme).palette.grey[100],
+    backgroundColor: (theme.vars || theme).palette.grey[50],
+    border: `1px solid ${(theme.vars || theme).palette.divider}`,
     ...theme.applyDarkStyles({
-      backgroundColor: (theme.vars || theme).palette.grey[900],
+      backgroundColor: alpha(theme.palette.primaryDark[700], 0.5),
     }),
   }),
   /* Mostly meant for introduction demos. */