makeStyles(theme => ({ root: { color: theme.palette.type === 'dark' ? theme.palette.primary.main : 'inherit', }, }))
makeStyles((theme) => ({ paper: { padding: '6px 16px', }, secondaryTail: { backgroundColor: theme.palette.secondary.main, }, }))
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 => ({ container: { backgroundColor: theme.palette.primary.wrapper, width: '100vw', minHeight: '100%', overflow: 'hidden', margin: 0 }, wrapper: { width: '100vw', minHeight: '100vh' } }))
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 => ({ error: { backgroundColor: theme.palette.error.dark }, icon: { fontSize: 20 }, iconVariant: { opacity: 0.9, marginRight: theme.spacing(1) }, message: { display: 'flex', alignItems: 'center' } }))
makeStyles(theme => ({ container: { backgroundColor: theme.palette.primary.main, width: '100vw', minHeight: '100%', overflow: 'hidden', margin: 0 }, }))
makeStyles(theme => ({ error: { backgroundColor: theme.palette.error.dark }, success: { backgroundColor: green[600] } }))
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' } }))