diff --git a/packages/material-ui/src/Button/Button.js b/packages/material-ui/src/Button/Button.js index 3bcdb931549662..85fde321939beb 100644 --- a/packages/material-ui/src/Button/Button.js +++ b/packages/material-ui/src/Button/Button.js @@ -73,18 +73,13 @@ export const styles = theme => ({ outlined: { padding: '5px 16px', border: `1px solid ${ - theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)' + theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.12)' : 'rgba(255, 255, 255, 0.12)' }`, - '&$disabled': { - border: `1px solid ${theme.palette.action.disabled}`, - }, }, /* Styles applied to the root element if `variant="outlined"` and `color="primary"`. */ outlinedPrimary: { color: theme.palette.primary.main, - border: `1px solid ${fade(theme.palette.primary.main, 0.5)}`, '&:hover': { - border: `1px solid ${theme.palette.primary.main}`, backgroundColor: fade(theme.palette.primary.main, theme.palette.action.hoverOpacity), // Reset on touch devices, it doesn't add specificity '@media (hover: none)': { @@ -95,18 +90,13 @@ export const styles = theme => ({ /* Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */ outlinedSecondary: { color: theme.palette.secondary.main, - border: `1px solid ${fade(theme.palette.secondary.main, 0.5)}`, '&:hover': { - border: `1px solid ${theme.palette.secondary.main}`, backgroundColor: fade(theme.palette.secondary.main, theme.palette.action.hoverOpacity), // Reset on touch devices, it doesn't add specificity '@media (hover: none)': { backgroundColor: 'transparent', }, }, - '&$disabled': { - border: `1px solid ${theme.palette.action.disabled}`, - }, }, /* Styles applied to the root element if `variant="contained"`. */ contained: {