fix: Dark mode for not found page

Consensys · Jan 8, 2024 · 61b078f · 61b078f
1 parent 004854a
commit 61b078f
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/explorer/src/components/NotFoundPage/index.tsx b/explorer/src/components/NotFoundPage/index.tsx
@@ -15,18 +15,18 @@ 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>
           )}
           <span>{t("common.messages.hasntBeenFound")}</span>
         </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 })}