From fb75a8b6545a507c81acafa9cb526afccd39cd35 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 22 Sep 2024 00:13:57 +0800
Subject: [PATCH] refactor: fix light mode color issues

---
 src/client/components/Code.tsx            | 2 +-
 src/client/components/DefaultNotFound.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/client/components/Code.tsx b/src/client/components/Code.tsx
index 6bbd170..9a2d168 100644
--- a/src/client/components/Code.tsx
+++ b/src/client/components/Code.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export const Code: React.FC<React.PropsWithChildren> = React.memo((props) => {
   return (
-    <span className="rounded-sm border border-zinc-800 bg-zinc-900 px-1 py-0.5">
+    <span className="rounded-sm border border-zinc-200 bg-zinc-100 px-1 py-0.5 dark:border-zinc-800 dark:bg-zinc-900">
       {props.children}
     </span>
   );
diff --git a/src/client/components/DefaultNotFound.tsx b/src/client/components/DefaultNotFound.tsx
index f179017..c647f46 100644
--- a/src/client/components/DefaultNotFound.tsx
+++ b/src/client/components/DefaultNotFound.tsx
@@ -13,7 +13,7 @@ export const DefaultNotFound: React.FC = React.memo(() => {
 
   return (
     <div className="flex h-full w-full items-center justify-center">
-      <Card className="min-w-[320px] bg-zinc-900">
+      <Card className="min-w-[320px] bg-zinc-50 dark:bg-zinc-900">
         <CardHeader>
           <div className="text-center">
             <img className="m-auto h-24 w-24" src="/icon.svg" />