WCAG colour update

AlexBeesley · Aug 1, 2023 · 32af95c · 32af95c
1 parent d45314a
commit 32af95c
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 19 deletions.
diff --git a/src/Components/darkmodetoggle.tsx b/src/Components/darkmodetoggle.tsx
@@ -19,28 +19,28 @@ export default function DarkModeToggle () {
   console.log("dark mode:", toggle);
 
   if (toggle) {
-    root.style.setProperty('--Primary', '#9FACBD');
-    root.style.setProperty('--Secondary', '#009AFA');
-    root.style.setProperty('--Tertiary', '#8FC3F7');
-    root.style.setProperty('--Quaternary', '#02629e');
-    root.style.setProperty('--Accent', '#F9F871');
-    root.style.setProperty('--background', '#00182e');
-    root.style.setProperty('--shadow', '#000d18');
-    root.style.setProperty('--highlight', '#002344');
-    root.style.setProperty('--light', '#ffffff5d');
+    root.style.setProperty('--Primary', '#d6d2c4'); 
+    root.style.setProperty('--Secondary', '#63807D');
+    root.style.setProperty('--Tertiary', '#d6d2c4');
+    root.style.setProperty('--Quaternary', '#FBF1CA');
+    root.style.setProperty('--Accent', '#00755F');
+    root.style.setProperty('--background', '#003b49');
+    root.style.setProperty('--shadow', '#001f29'); 
+    root.style.setProperty('--highlight', '#002939');
+    root.style.setProperty('--light', '#d6d2c4');
     root.style.setProperty('--light-hover', '#F9F871');
   }
 
   else {
-    root.style.setProperty('--Primary', '#004D79');
-    root.style.setProperty('--Secondary', '#002B53');
-    root.style.setProperty('--Tertiary', '#009AFA');
-    root.style.setProperty('--Quaternary', '#02629e');
-    root.style.setProperty('--Accent', '#F9F871');
-    root.style.setProperty('--background', '#9ccaf7');
-    root.style.setProperty('--shadow', '#85acd2');
-    root.style.setProperty('--highlight', '#b3e8ff');
-    root.style.setProperty('--light', '#ffffff');
+    root.style.setProperty('--Primary', '#003b49');
+    root.style.setProperty('--Secondary', '#003b49');  
+    root.style.setProperty('--Tertiary', '#003b49');
+    root.style.setProperty('--Quaternary', '#006269');
+    root.style.setProperty('--Accent', '#50B37B');
+    root.style.setProperty('--background', '#d6d2c4');
+    root.style.setProperty('--shadow', '#b6b3a7');
+    root.style.setProperty('--highlight', '#f6f2e1');
+    root.style.setProperty('--light', '#003b49');
     root.style.setProperty('--light-hover', '#F9F871');
   }
 

diff --git a/src/Styles/main.module.scss b/src/Styles/main.module.scss
@@ -22,7 +22,7 @@ body {
 h1 {
   font-weight: bold;
   position: inline;
-  color: var(--Secondary);
+  color: var(--Quaternary);
 }
 
 h2,
@@ -67,6 +67,7 @@ a {
 }
 
 .inlineLink {
+  color: var(--Quaternary);
   padding: 0;
   font-weight: bold;
 }

diff --git a/src/Styles/pages.module.scss b/src/Styles/pages.module.scss
@@ -7,6 +7,7 @@
 }
 
 .inlineLink {
+  color: var(--Quaternary);
   padding: 0;
   font-weight: bold;
   transition: color 0.5s;

diff --git a/src/Tests/test.js b/src/Tests/test.js
diff --git a/src/Tests/test.py b/src/Tests/test.py