Fix contrast issues #354

ral-facilities · Aug 21, 2020 · 05bc03f · 05bc03f
1 parent 9b4d7b3
commit 05bc03f
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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 = {