From 61b078fdb57a24630fdc6c1108393cb79818f239 Mon Sep 17 00:00:00 2001
From: voenkomatiwe <radionpon21@gmail.com>
Date: Mon, 8 Jan 2024 18:36:27 +0200
Subject: [PATCH] fix: Dark mode for not found page

---
 explorer/src/components/NotFoundPage/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/explorer/src/components/NotFoundPage/index.tsx b/explorer/src/components/NotFoundPage/index.tsx
index c5da004b..8acf6c2b 100644
--- a/explorer/src/components/NotFoundPage/index.tsx
+++ b/explorer/src/components/NotFoundPage/index.tsx
@@ -15,10 +15,10 @@ export const NotFoundPage: React.FC<NotFoundPageProps> = ({ id, page }) => {
     <section className="container flex justify-center px-4">
       <div className="flex flex-col max-w-[1200px] w-full h-[644px] items-center justify-center gap-6 border border-solid mt-8 rounded-3xl">
         <img src={archive} className="!h-[32px] !w-[32px]" />
-        <p className="flex gap-1 font-medium text-base text-center text-[#646a86]">
+        <p className="flex gap-1 font-medium text-base text-center text-text-darkGrey">
           <span>{pageData.title}</span>
           {pageData.showId && (
-            <span className="max-w-[100px] md:max-w-[200px] text-[#3d3d50] overflow-hidden text-ellipsis">
+            <span className="max-w-[100px] md:max-w-[200px] text-text-darkBlue overflow-hidden text-ellipsis dark:text-white">
               {decodedId}
             </span>
           )}
@@ -26,7 +26,7 @@ export const NotFoundPage: React.FC<NotFoundPageProps> = ({ id, page }) => {
         </p>
         <Link
           to={pageData.to}
-          className="flex gap-2 border border-solid rounded-md px-4 py-3 border-button-secondary-border hover:border-button-secondary-hover"
+          className="flex gap-2 border border-solid rounded-md px-4 py-3 border-button-secondary-border hover:border-button-secondary-hover dark:text-white"
         >
           <ChevronLeft width={24} height={24} />
           {t("common.actions.goBackTo", { to: page })}