diff --git a/new-lamassu-admin/src/components/buttons/Link.styles.js b/new-lamassu-admin/src/components/buttons/Link.styles.js index 89b24776..0d05e9c1 100644 --- a/new-lamassu-admin/src/components/buttons/Link.styles.js +++ b/new-lamassu-admin/src/components/buttons/Link.styles.js @@ -1,4 +1,4 @@ -import { fade } from '@material-ui/core/styles/colorManipulator' +import { alpha } from '@material-ui/core/styles/colorManipulator' import typographyStyles from 'src/components/typography/styles' import { @@ -11,10 +11,10 @@ import { const { h4 } = typographyStyles const color = color => ({ - boxShadow: `inset 0 -4px 0 0 ${fade(color, 0.8)}`, + boxShadow: `inset 0 -4px 0 0 ${alpha(color, 0.8)}`, '&:hover': { boxShadow: 'none', - backgroundColor: fade(color, 0.8) + backgroundColor: alpha(color, 0.8) } }) diff --git a/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.styles.js b/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.styles.js index f1c64f3b..5b5222e5 100644 --- a/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.styles.js +++ b/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.styles.js @@ -1,4 +1,4 @@ -import { fade } from '@material-ui/core/styles/colorManipulator' +import { alpha } from '@material-ui/core/styles/colorManipulator' import { detailsRowStyles, @@ -40,7 +40,7 @@ const machineDetailsStyles = { zIndex: 1, marginRight: 60, marginLeft: 'auto', - background: fade(comet, 0.5) + background: alpha(comet, 0.5) } } diff --git a/new-lamassu-admin/src/styling/theme.js b/new-lamassu-admin/src/styling/theme.js index 6c98cbc3..7567131e 100644 --- a/new-lamassu-admin/src/styling/theme.js +++ b/new-lamassu-admin/src/styling/theme.js @@ -1,4 +1,4 @@ -import { createMuiTheme } from '@material-ui/core/styles' +import { createTheme } from '@material-ui/core/styles' import typographyStyles from 'src/components/typography/styles' @@ -18,7 +18,7 @@ import { const { p } = typographyStyles -export default createMuiTheme({ +export default createTheme({ typography: { fontFamily: inputFontFamily, body1: { ...p }