makeStyles(theme => ({ error: { backgroundColor: theme.palette.error.dark }, success: { backgroundColor: green[600] } }))
makeStyles(theme => ({ root: { paddingLeft: theme.spacing(2), paddingRight: theme.spacing(1), }, highlight: theme.palette.type === 'light' ? { color: theme.palette.secondary.main, backgroundColor: lighten(theme.palette.secondary.light, 0.85), } : { color: theme.palette.text.primary, backgroundColor: theme.palette.secondary.dark, }, spacer: { flex: '1 1 100%', }, actions: { color: theme.palette.text.secondary, }, title: { flex: '0 0 auto', }, }))
justifyContent: 'center', height: '100%', color: theme.palette.primary.dark, }, messageContainer: {
makeStyles(theme => ({ success: { backgroundColor: green[600], }, error: { backgroundColor: theme.palette.error.dark, }, info: { backgroundColor: theme.palette.primary.main, }, icon: { fontSize: 20, }, iconVariant: { opacity: 0.9, marginRight: theme.spacing(1), }, message: { display: 'flex', alignItems: 'center', }, }))
makeStyles(theme => ({ error: { backgroundColor: theme.palette.error.dark }, icon: { fontSize: 20 }, iconVariant: { opacity: 0.9, marginRight: theme.spacing(1) }, message: { display: 'flex', alignItems: 'center' } }))
makeStyles(theme => ({ subheader: { display: 'flex', alignItems: 'center', cursor: 'pointer', }, globe: { backgroundColor: theme.palette.primary.dark, }, subheaderText: { color: theme.palette.primary.dark, }, list: { maxHeight: '80vh', overflowY: 'auto', }, avatar: { margin: theme.spacing(0, 3, 0, 1), }, }))
makeStyles(theme => ({ error: { backgroundColor: theme.palette.error.dark }, info: { backgroundColor: theme.palette.primary.main }, success: { backgroundColor: green[600] }, warning: { backgroundColor: amber[700] } }))
makeStyles(theme => ({ error: { backgroundColor: theme.palette.error.dark }, icon: { fontSize: 20 }, iconVariant: { opacity: 0.9, marginRight: theme.spacing(1) }, message: { display: 'flex', alignItems: 'center' } }))
makeStyles(theme => ({ error: { backgroundColor: theme.palette.error.dark, }, icon: { fontSize: 20, }, iconVariant: { opacity: 0.9, marginRight: theme.spacing(1), }, message: { display: 'flex', alignItems: 'center', }, }))
makeStyles(theme => ({ subheader: { display: 'flex', alignItems: 'center', cursor: 'pointer', }, globe: { backgroundColor: theme.palette.primary.dark, }, subheaderText: { color: theme.palette.primary.dark, }, list: { maxHeight: '80vh', overflowY: 'auto', }, avatar: { margin: theme.spacing(0, 3, 0, 1), }, }))
makeStyles(theme => ({ success: { backgroundColor: green[600], }, error: { backgroundColor: theme.palette.error.dark, }, info: { backgroundColor: theme.palette.primary.main, }, warning: { backgroundColor: amber[700], }, icon: { fontSize: 20, }, iconVariant: { opacity: 0.9, marginRight: theme.spacing(1), }, message: { display: 'flex', alignItems: 'center', }, }))