From 69a0d66e535b08aaa1f19cd3359d5b2f49c491bb Mon Sep 17 00:00:00 2001
From: rsandb <me@rileysandb.org>
Date: Fri, 13 Jan 2023 21:56:07 -0600
Subject: [PATCH] fix dark mode background color

---
 website/src/pages/404.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/website/src/pages/404.tsx b/website/src/pages/404.tsx
index a14c54d8..f17102e3 100644
--- a/website/src/pages/404.tsx
+++ b/website/src/pages/404.tsx
@@ -7,6 +7,7 @@ import { getTransparentHeaderLayout } from "src/components/Layout";
 function Error() {
   const router = useRouter();
   const backgroundColor = useColorModeValue("white", "gray.800");
+  const backgroundColor2 = useColorModeValue("gray.50", "gray.900");
 
   return (
     <>
@@ -14,7 +15,7 @@ function Error() {
         <title>404 - Open Assistant</title>
         <meta name="404" content="Sorry, this page doesn't exist." />
       </Head>
-      <Center flexDirection="column" gap="4" fontSize="lg" className="subpixel-antialiased">
+      <Center bg={backgroundColor2} flexDirection="column" gap="4" fontSize="lg" className="subpixel-antialiased">
         <Box bg={backgroundColor} p="10" borderRadius="xl" shadow="base">
           <Box display="flex" flexDirection="column" alignItems="center" gap="8">
             <FiAlertTriangle size="30" color="DarkOrange" />