add CSS vars token for Button in mui-material-next

mui · Apr 14, 2023 · 5abef5a · 5abef5a
1 parent 34451a8
commit 5abef5a
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/mui-material-next/src/styles/extendTheme.ts b/packages/mui-material-next/src/styles/extendTheme.ts
@@ -206,6 +206,7 @@ export default function extendTheme(options: CssVarsThemeOptions = {}, ...args:
       'Alert',
       'AppBar',
       'Avatar',
+      'Button',
       'Chip',
       'FilledInput',
       'LinearProgress',
@@ -250,6 +251,8 @@ export default function extendTheme(options: CssVarsThemeOptions = {}, ...args:
       setColor(palette.Alert, 'warningIconColor', getCssVar('palette-warning-light'));
       setColor(palette.AppBar, 'defaultBg', getCssVar('palette-grey-100'));
       setColor(palette.Avatar, 'defaultBg', getCssVar('palette-grey-400'));
+      setColor(palette.Button, 'inheritContainedBg', getCssVar('palette-grey-300'));
+      setColor(palette.Button, 'inheritContainedHoverBg', getCssVar('palette-grey-A100'));
       setColor(palette.Chip, 'defaultBorder', getCssVar('palette-grey-400'));
       setColor(palette.Chip, 'defaultAvatarColor', getCssVar('palette-grey-700'));
       setColor(palette.Chip, 'defaultIconColor', getCssVar('palette-grey-700'));
@@ -322,6 +325,8 @@ export default function extendTheme(options: CssVarsThemeOptions = {}, ...args:
       setColor(palette.AppBar, 'darkBg', getCssVar('palette-background-paper')); // specific for dark mode
       setColor(palette.AppBar, 'darkColor', getCssVar('palette-text-primary')); // specific for dark mode
       setColor(palette.Avatar, 'defaultBg', getCssVar('palette-grey-600'));
+      setColor(palette.Button, 'inheritContainedBg', getCssVar('palette-grey-800'));
+      setColor(palette.Button, 'inheritContainedHoverBg', getCssVar('palette-grey-700'));
       setColor(palette.Chip, 'defaultBorder', getCssVar('palette-grey-700'));
       setColor(palette.Chip, 'defaultAvatarColor', getCssVar('palette-grey-300'));
       setColor(palette.Chip, 'defaultIconColor', getCssVar('palette-grey-300'));