Added dark mode coloring

ECN · Oct 21, 2020 · f1a0bc6 · f1a0bc6
1 parent 7b9f9ce
commit f1a0bc6
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/EmailHeader/EmailHeader.js b/src/components/EmailHeader/EmailHeader.js
@@ -9,13 +9,15 @@ export default function EmailHeader({ datetime, from_name, from_email, to, cc })
 	const theme = useTheme();
 	const useStyles = makeStyles({
 		"paperWrapper": {
-			padding: theme.spacing(1)
+			padding: theme.spacing(1),
+			marginTop: theme.spacing(1),
+			marginBottom: theme.spacing(1)
 		},
 		"removeNegativeMargin": {
 			margin: 0
 		},
 		"secondaryInformation": {
-			backgroundColor: theme.palette.grey[100],
+			backgroundColor: theme.palette.type === "light" ? theme.palette.grey[100] : theme.palette.grey[700],
 			marginTop: theme.spacing(1),
 			marginLeft: -theme.spacing(1),
 			marginRight: -theme.spacing(1),
@@ -70,8 +72,6 @@ export default function EmailHeader({ datetime, from_name, from_email, to, cc })
 		return recipientString;
 	};
 
-	// const toString = build
-
 	return(
 		<Paper variant="outlined" classes={{ root: classes.paperWrapper }}>
 			<Paper elevation={0} square>