makeStyles(theme => ({ root: { color: theme.palette.type === 'dark' ? theme.palette.primary.main : 'inherit', }, }))
makeStyles(theme => ({ error: { backgroundColor: theme.palette.error.dark }, info: { backgroundColor: theme.palette.primary.main }, success: { backgroundColor: green[600] }, warning: { backgroundColor: amber[700] } }))
render () { return ( <Html lang="en"> <Head> {/* PWA primary color */} <meta name="theme-color" content={theme.palette.primary.main} /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" /> </Head> <body> <Main /> <NextScript /> </body> </Html> ) }
makeStyles((theme) => ({ base: { toolbar: theme.mixins.toolbar, padding: theme.spacing(2) }, root: { padding: theme.spacing(2), flexGrow: 1, }, paper: { paddingTop: theme.spacing(2), paddingBottom: theme.spacing(2), textAlign: 'center', color: theme.palette.text.secondary, }, paperSelected: { backgroundColor: theme.palette.primary.main, color: theme.palette.background.default } }))
makeStyles((theme) => ({ paper: { padding: '6px 16px', }, secondaryTail: { backgroundColor: theme.palette.secondary.main, }, }))
makeStyles(theme => ({ paper: { marginTop: theme.spacing(8), display: 'flex', flexDirection: 'column', alignItems: 'center', }, avatar: { margin: theme.spacing(1), backgroundColor: theme.palette.secondary.main, }, form: { width: '100%', // Fix IE 11 issue. marginTop: theme.spacing(1), }, submit: { margin: theme.spacing(3, 0, 2), }, }))
makeStyles(theme => ({ text: { color: theme.palette.text.textSecondary, marginTop: '8px', fontSize: '14px' }, title: { color: theme.palette.text.textSecondary, marginTop: '8px', marginBottom: '16px', fontSize: '16px' }, card: { backgroundColor: theme.palette.primary.main, boxSizing: 'border-box', }, content: { paddingBottom: '32px' } }))
makeStyles(theme => ({ container: { backgroundColor: theme.palette.primary.main, width: '100vw', minHeight: '100%', overflow: 'hidden', margin: 0 }, }))
makeStyles(theme => ({ title: { padding: theme.spacing(), margin: "0" + theme.spacing()+ "px", backgroundColor: "black", boxShadow: "5px 3px 8px 5px #333", }, heading: { color: theme.palette.primary.main } }))
makeStyles( theme => ({ rootContainer: { "& h5, h6": { marginTop: 20, }, }, error: { // backgroundColor: theme.palette.background.paper, color: theme.palette.error.main, fontWeight: "bold", textAlign: "center", }, submit: { marginTop: 30, minWidth: 200, }, submitHelp: { marginTop: 24, textAlign: "center", }, }), { classNamePrefix: "LoginPage", }, )
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) => ({ base: { toolbar: theme.mixins.toolbar, paddingTop: theme.spacing(2) }, root: { padding: theme.spacing(2), flexGrow: 1, }, paper: { paddingTop: theme.spacing(2), paddingBottom: theme.spacing(2), textAlign: 'center', color: theme.palette.text.secondary, }, paperSelected: { backgroundColor: theme.palette.primary.main, color: theme.palette.background.default } }))
makeStyles((theme) => ({ base: { toolbar: theme.mixins.toolbar, paddingTop: theme.spacing(2) }, root: { padding: theme.spacing(2), flexGrow: 1, }, paper: { paddingTop: theme.spacing(2), paddingBottom: theme.spacing(2), textAlign: 'center', color: theme.palette.text.secondary, }, paperSelected: { backgroundColor: theme.palette.primary.main, color: theme.palette.background.default } }))
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', }, }))