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" />