feat: Update 404 page for dark mode

newrelic · Jun 23, 2020 · d4b1463 · d4b1463
1 parent 737d1dd
commit d4b1463
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -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);
+  }
 }