From f1a0bc6127b9174c73afaf92e4e84986e275d2db Mon Sep 17 00:00:00 2001
From: Justin Campbell <campb303@w2vm4.ecn.purdue.edu>
Date: Wed, 21 Oct 2020 09:20:20 -0400
Subject: [PATCH] Added dark mode coloring

---
 src/components/EmailHeader/EmailHeader.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/EmailHeader/EmailHeader.js b/src/components/EmailHeader/EmailHeader.js
index 8482d1c..2e6f73e 100644
--- 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>