WCAG colour update #2

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

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/Components/codebox.tsx b/src/Components/codebox.tsx
@@ -1,7 +1,7 @@
 import Styles from "../Styles/codebox.module.scss";
 import { FunctionComponent } from "react";
 import SyntaxHighlighter from 'react-syntax-highlighter';
-import { monoBlue } from "react-syntax-highlighter/dist/esm/styles/hljs";
+import { gruvboxDark } from "react-syntax-highlighter/dist/esm/styles/hljs";
 
 type CodeBoxProps = {
   children: string;
@@ -12,7 +12,7 @@ const CodeBox: FunctionComponent<CodeBoxProps> = ({ children, language }) => {
   return (
     <>
       <div className={Styles.codebox}>
-        <SyntaxHighlighter className={Styles.highlighter} language={language} style={monoBlue}>
+        <SyntaxHighlighter className={Styles.highlighter} language={language} style={gruvboxDark}>
           {children}
         </SyntaxHighlighter>
       </div>

diff --git a/src/Pages/WebDev.tsx b/src/Pages/WebDev.tsx
@@ -460,6 +460,7 @@ const post1f1 = () => {
                       </p>
                   </article>
               </div>
+          </div>
 . . .
       </main>
   </body>

diff --git a/src/Styles/pages.module.scss b/src/Styles/pages.module.scss
@@ -15,7 +15,7 @@
 
 .inlineCode {
   font-weight: bold;
-  color: #0048ab;
+  color: #EBDBB2;
   background-color: var(--codebox);
   padding: 0 0.2rem;
 }

diff --git a/src/Styles/variables.module.scss b/src/Styles/variables.module.scss
@@ -6,13 +6,13 @@
   --Tertiary: #fff;
   --Quaternary: #fff;
   --Accent: #fff;
-  --background: #8fc3f7;
+  --background: #fff;
 
   --shadow: #fff;
   --highlight: #fff;
 
-  --codebox: #ffffff86;
+  --codebox: #2a2b28;
 
   --light: #ffffff;
-  --light-hover: #f9f871;
+  --light-hover: #fff;
 }