From d4b1463eb836f6e13f5fc705f08ea959e622f153 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Tue, 23 Jun 2020 02:03:24 -0700
Subject: [PATCH] feat: Update 404 page for dark mode

---
 src/components/SkewedContainer.module.scss | 2 +-
 src/pages/404.module.scss                  | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/SkewedContainer.module.scss b/src/components/SkewedContainer.module.scss
index d26d0911e..d11ba7a66 100644
--- a/src/components/SkewedContainer.module.scss
+++ b/src/components/SkewedContainer.module.scss
@@ -1,5 +1,5 @@
 .container {
-  background: var(--color-neutrals-100);
+  background: var(--secondary-background-color);
   transform: skew(0, -2deg);
 }
 
diff --git a/src/pages/404.module.scss b/src/pages/404.module.scss
index 907edb7e1..c7f09f562 100644
--- a/src/pages/404.module.scss
+++ b/src/pages/404.module.scss
@@ -26,9 +26,17 @@
 .footerContainer {
   background: var(--color-neutrals-800);
   padding: 1.5rem;
+
+  :global(.dark-mode) & {
+    background: var(--tertiary-background-color);
+  }
 }
 
 .footer {
   color: var(--color-teal-300);
   padding: 0 2rem;
+
+  :global(.dark-mode) & {
+    color: var(--secondary-text-color);
+  }
 }