Button: changes color lighter

mui · Dec 7, 2022 · 37c5b9d · 37c5b9d
1 parent 8e50a2c
commit 37c5b9d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/mui-material/src/Button/Button.js b/packages/mui-material/src/Button/Button.js
@@ -121,12 +121,12 @@ const ButtonRoot = styled(ButtonBase, {
           },
         }),
       ...(ownerState.variant === 'contained' && {
-        backgroundColor: (theme.vars || theme).palette.grey[400],
+        backgroundColor: (theme.vars || theme).palette.grey[300],
         boxShadow: (theme.vars || theme).shadows[4],
         // Reset on touch devices, it doesn't add specificity
         '@media (hover: none)': {
           boxShadow: (theme.vars || theme).shadows[2],
-          backgroundColor: (theme.vars || theme).palette.grey[400],
+          backgroundColor: (theme.vars || theme).palette.grey[300],
         },
       }),
       ...(ownerState.variant === 'contained' &&
@@ -186,7 +186,7 @@ const ButtonRoot = styled(ButtonBase, {
         ? // this is safe because grey does not change between default light/dark mode
           theme.vars.palette.text.primary
         : theme.palette.getContrastText?.(theme.palette.grey[300]),
-      backgroundColor: (theme.vars || theme).palette.grey[500],
+      backgroundColor: (theme.vars || theme).palette.grey[400],
       boxShadow: (theme.vars || theme).shadows[2],
     }),
     ...(ownerState.variant === 'contained' &&