const styles = theme => { const focusedRangeColor = fade(theme.palette.primary.main, 0.3); const focusedRangeGradient = `linear-gradient(to right, ${focusedRangeColor}, ${focusedRangeColor})`; const transparentRangeGradient = `linear-gradient(to right, rgba(0,0,0,0.0), rgba(0,0,0,0.0))`;
borderRadius: theme.shape.borderRadius, color: '#fff', backgroundColor: fade(theme.palette.common.black, 0.15), marginRight: theme.spacing(2), marginLeft: 0,
borderRadius: theme.shape.borderRadius, color: '#fff', backgroundColor: fade(theme.palette.common.black, 0.15), margin: '10px 0px 10px 0px', width: '100%',
makeStyles(theme => ({ button: { padding: 0, width: 32, height: 32, minWidth: 32, color: theme.palette.icon, '& + &': { marginLeft: theme.spacing(1) } }, activeButton: { backgroundColor: fade(theme.palette.primary.main, 0.1), color: theme.palette.primary.main } }))
const styles = (theme) => ({ root: { display: "flex", flexWrap: "wrap", }, TextFieldSeverity0: { width: '100%', borderRadius: 4, }, TextFieldSeverity1: { width: '100%', borderRadius: 4, background:'linear-gradient(45deg,'+ fade(theme.palette.alarm.minor.dark,theme.palette.type==='dark'?0.1:0.1)+ ' 0%, '+ (theme.palette.alarm.minor.dark) +' 100%)' }, TextFieldSeverity2: { width: '100%', borderRadius: 4, background:'linear-gradient(45deg,'+ fade(theme.palette.alarm.major.dark,theme.palette.type==='dark'?0.2:0.1)+ ' 0%, '+ (theme.palette.alarm.major.dark) +' 100%)' } })
const styles = theme => ({ button: { margin: theme.spacing.unit, }, leftIcon: { marginRight: theme.spacing.unit, }, rightIcon: { marginLeft: theme.spacing.unit, }, iconSmall: { fontSize: 20, }, errorButton: { color: "#fff", backgroundColor: theme.palette.error.main, '&:hover': { backgroundColor: fade(theme.palette.error.main, 0.6), // Reset on mouse devices '@media (hover: none)': { backgroundColor: 'transparent', }, }, }, })