dark mode + .... some form of toggle :)

src/templates/CategoriesTemplate/__snapshots__/CategoriesTemplate.test.tsx.snap

@@ -142,6 +142,12 @@ exports[`CategoriesTemplate renders correctly 1`] = `
       <nav>
         <ul />
       </nav>
+      <a
+        href="#"
+        onClick={[Function]}
+      >
+        Switch to light mode
+      </a>
     </div>
   </div>
   <div>

src/templates/CategoryTemplate/__snapshots__/CategoryTemplate.test.tsx.snap

@@ -142,6 +142,12 @@ exports[`CategoryTemplate renders correctly 1`] = `
       <nav>
         <ul />
       </nav>
+      <a
+        href="#"
+        onClick={[Function]}
+      >
+        Switch to light mode
+      </a>
     </div>
   </div>
   <div>

src/templates/IndexTemplate/__snapshots__/IndexTemplate.test.tsx.snap

@@ -142,6 +142,12 @@ exports[`IndexTemplate renders correctly 1`] = `
       <nav>
         <ul />
       </nav>
+      <a
+        href="#"
+        onClick={[Function]}
+      >
+        Switch to light mode
+      </a>
     </div>
   </div>
   <div>

src/templates/NotFoundTemplate/NotFoundTemplate.tsx

@@ -4,6 +4,7 @@ import { Layout } from "@/components/Layout";
 import { Page } from "@/components/Page";
 import { Sidebar } from "@/components/Sidebar";
 import { useSiteMetadata } from "@/hooks";
+import { Link } from "gatsby";
 
 const NotFoundTemplate: React.FC = () => {
   const { title, subtitle } = useSiteMetadata();
@@ -11,8 +12,12 @@ const NotFoundTemplate: React.FC = () => {
   return (
     <Layout title={`Not Found - ${title}`} description={subtitle}>
       <Sidebar />
-      <Page title="NOT FOUND">
-        <p>You just hit a route that doesn't exist... the sadness.</p>
+      <Page title="Oh no! page be lost">
+        <p>
+          You've stumbled upon a link that doesn't work anymore {":("}
+          <br />
+          Use the menu to navigate around or click <Link to="/">here</Link> to go to the main page.
+        </p>
       </Page>
     </Layout>
   );

src/templates/NotFoundTemplate/__snapshots__/NotFoundTemplate.test.tsx.snap

@@ -142,16 +142,31 @@ exports[`NotFoundTemplate renders correctly 1`] = `
       <nav>
         <ul />
       </nav>
+      <a
+        href="#"
+        onClick={[Function]}
+      >
+        Switch to light mode
+      </a>
     </div>
   </div>
   <div>
     <div>
       <h1>
-        NOT FOUND
+        Oh no! page be lost
       </h1>
       <div>
         <p>
-          You just hit a route that doesn't exist... the sadness.
+          You've stumbled upon a link that doesn't work anymore 
+          :(
+          <br />
+          Use the menu to navigate around or click 
+          <a
+            href="/"
+          >
+            here
+          </a>
+           to go to the main page.
         </p>
       </div>
     </div>

src/templates/PageTemplate/__snapshots__/PageTemplate.test.tsx.snap

@@ -142,6 +142,12 @@ exports[`PageTemplate renders correctly 1`] = `
       <nav>
         <ul />
       </nav>
+      <a
+        href="#"
+        onClick={[Function]}
+      >
+        Switch to light mode
+      </a>
     </div>
   </div>
   <div>

src/templates/TagTemplate/__snapshots__/TagTemplate.test.tsx.snap

@@ -142,6 +142,12 @@ exports[`TagTemplate renders correctly 1`] = `
       <nav>
         <ul />
       </nav>
+      <a
+        href="#"
+        onClick={[Function]}
+      >
+        Switch to light mode
+      </a>
     </div>
   </div>
   <div>

src/templates/TagsTemplate/__snapshots__/TagsTemplate.test.tsx.snap

@@ -142,6 +142,12 @@ exports[`TagsTemplate renders correctly 1`] = `
       <nav>
         <ul />
       </nav>
+      <a
+        href="#"
+        onClick={[Function]}
+      >
+        Switch to light mode
+      </a>
     </div>
   </div>
   <div>