From 05bc03ffe18fff1485d4879f6e3734d3220179ce Mon Sep 17 00:00:00 2001
From: tswinb <18294786+tswinb@users.noreply.github.com>
Date: Fri, 21 Aug 2020 17:37:31 +0100
Subject: [PATCH] Fix contrast issues #354

---
 src/cookieConsent/cookiesPage.component.tsx |  2 +-
 src/homePage/homePage.component.tsx         |  4 ++--
 src/theming.tsx                             | 17 +++++++++++++++--
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/cookieConsent/cookiesPage.component.tsx b/src/cookieConsent/cookiesPage.component.tsx
index eef2b530..85dd20a2 100644
--- a/src/cookieConsent/cookiesPage.component.tsx
+++ b/src/cookieConsent/cookiesPage.component.tsx
@@ -33,7 +33,7 @@ const styles = (theme: Theme): StyleRules =>
     },
     titleText: {
       fontWeight: 'bold',
-      color: theme.palette.primary.main,
+      color: theme.palette.secondary.main,
     },
     cookiePolicy: {
       marginTop: theme.spacing(2),
diff --git a/src/homePage/homePage.component.tsx b/src/homePage/homePage.component.tsx
index fb955887..16e72006 100644
--- a/src/homePage/homePage.component.tsx
+++ b/src/homePage/homePage.component.tsx
@@ -63,7 +63,7 @@ const styles = (theme: Theme): StyleRules =>
     },
     howItWorksGridItemCaption: {
       textAlign: 'center',
-      color: theme.palette.primary.main,
+      color: theme.palette.secondary.main,
     },
     strapline: {
       paddingTop: 50,
@@ -74,7 +74,7 @@ const styles = (theme: Theme): StyleRules =>
       paddingTop: 20,
       fontWeight: 'bold',
       fontStyle: 'italic',
-      color: theme.palette.primary.main,
+      color: theme.palette.secondary.main,
     },
   });
 
diff --git a/src/theming.tsx b/src/theming.tsx
index a12425d7..9185bfd5 100644
--- a/src/theming.tsx
+++ b/src/theming.tsx
@@ -57,10 +57,10 @@ export const buildTheme = (darkModePreference: boolean): Theme => {
         // Light/dark mode
         type: 'dark',
         primary: {
-          main: '#1E5DF8',
+          main: '#003088',
         },
         secondary: {
-          main: '#333333',
+          main: '#80ACFF',
         },
         background: {
           default: '#212121',
@@ -85,6 +85,19 @@ export const buildTheme = (darkModePreference: boolean): Theme => {
         },
       },
       drawerWidth: 300,
+      overrides: {
+        MuiLink: {
+          root: {
+            color: '#80ACFF',
+          },
+        },
+        MuiTabs: {
+          indicator: {
+            color: '#80ACFF',
+            textDecoration: 'underline',
+          },
+        },
+      },
     };
   } else {
     options = {