Fixed privacy policy and logo in dark mode (#271)

* Made links in `PrivacyNoticePage` dark mode friendly

* Made logo dark mode friendly

packages/frontend/src/components/LogoTemplate/LogoTemplate.tsx

@@ -12,7 +12,7 @@ interface Props {
   direction?: "horizontal" | "vertical";
 }
 
-const useStyles = makeStyles({
+const useStyles = makeStyles((theme) => ({
   root: {
     height: "100%",
     padding: "1rem",
@@ -24,12 +24,12 @@ const useStyles = makeStyles({
     width: "100%",
   },
   logoText: {
-    color: "#3f3f40",
+    color: theme.palette.text.primary,
     fontFamily: "'Roboto Mono', monospace",
     fontSize: "4em",
     textAlign: "center",
   },
-});
+}));
 
 const LogoTemplate = (props: Props): ReactElement => {
   const classes = useStyles(props);

packages/frontend/src/pages/PrivacyNoticePage/PrivacyNoticePage.tsx

@@ -3,10 +3,17 @@
  */
 
 import { ReactElement } from "react";
-import { Typography, Link } from "@material-ui/core";
+import { Typography, Link, makeStyles } from "@material-ui/core";
 import LogoTemplate from "../../components/LogoTemplate";
 
+const useStyles = makeStyles((theme) => ({
+  root: {
+    color: theme.palette.text.primary,
+  },
+}));
+
 const PrivacyPolicyPage = (): ReactElement => {
+  const classes = useStyles();
   return (
     <LogoTemplate direction="vertical">
       <Typography variant="h2">Privacy Notice</Typography>
@@ -27,7 +34,9 @@ const PrivacyPolicyPage = (): ReactElement => {
           </li>
           <li>
             <strong>Email:</strong>{" "}
-            <Link href="mailto:[email protected]">[email protected]</Link>
+            <Link classes={classes} href="mailto:[email protected]">
+              [email protected]
+            </Link>
           </li>
         </ul>
       </Typography>
@@ -129,7 +138,7 @@ const PrivacyPolicyPage = (): ReactElement => {
         <br />
         <strong>Helpline number:</strong> 0303 123 1113 <br />
         <strong>Website:</strong>{" "}
-        <Link href="https://www.ico.org.uk" target="blank">
+        <Link classes={classes} href="https://www.ico.org.uk" target="blank">
           https://www.ico.org.uk
         </Link>
       </Typography>