fix the text color in dark mode.

daoleno · Dec 25, 2023 · 16f79b3 · 16f79b3
1 parent fea0fa0
commit 16f79b3
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 18 deletions.
diff --git a/dashboard/components/404.tsx b/dashboard/components/404.tsx
@@ -1,33 +1,34 @@
-import { siteConfig } from "@/config/site";
-import Link from "next/link";
+import Link from "next/link"
+
+import { siteConfig } from "@/config/site"
 
 export default function NotFound({ type }: { type: string }) {
   return (
-    <main className="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8">
+    <main className="grid min-h-full place-items-center px-6 py-24 sm:py-32 lg:px-8">
       <div className="text-center">
-        <p className="text-base font-semibold text-gray-500">404</p>
-        <h1 className="mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">
+        <p className="text-base font-semibold text-muted-foreground">404</p>
+        <h1 className="mt-4 text-3xl font-bold tracking-tight sm:text-5xl">
           {type} not found
         </h1>
-        <p className="mt-6 text-base leading-7 text-gray-600">
+        <p className="mt-6 text-base leading-7 text-muted-foreground">
           Sorry, we couldn’t find the {type.toLowerCase()} you’re looking for.
         </p>
         <div className="mt-10 flex items-center justify-center gap-x-6">
           <Link
             href="/"
-            className="rounded-md border border-1 px-3.5 py-2.5 text-sm font-semibold shadow-sm hover:shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600"
+            className="border-1 rounded-md border px-3.5 py-2.5 text-sm font-semibold shadow-sm hover:shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600"
           >
             Go back home
           </Link>
           <Link
             href={siteConfig.links.telegram}
             target="_blank"
-            className="text-sm font-semibold text-gray-900"
+            className="text-sm font-semibold"
           >
             Contact support <span aria-hidden="true">&rarr;</span>
           </Link>
         </div>
       </div>
     </main>
-  );
+  )
 }
diff --git a/dashboard/components/comment.tsx b/dashboard/components/comment.tsx
@@ -49,7 +49,7 @@ export default function Comment({ comment }: { comment: CommentFragment }) {
   return (
     <div className="flex flex-col space-y-7 py-7">
       <div className="flex flex-col space-y-2">
-        <div className="flex items-center text-2xl font-bold text-gray-800">
+        <div className="flex items-center text-2xl font-bold">
           <span>Publication</span>
           <span className="ml-2 font-mono">{comment.id}</span>
         </div>

diff --git a/dashboard/components/footer.tsx b/dashboard/components/footer.tsx
@@ -10,17 +10,17 @@ const navigation = [
   {
     name: "Twitter",
     href: siteConfig.links.twitter,
-    icon: <FaXTwitter className="h-5 w-5" />,
+    icon: <FaXTwitter className="h-4 w-4" />,
   },
   {
     name: "Lenster",
     href: siteConfig.links.lenster,
-    icon: <Icons.hey className="h-5 w-5" />,
+    icon: <Icons.hey className="h-4 w-4" />,
   },
   {
     name: "Telegram",
     href: siteConfig.links.telegram,
-    icon: <FaTelegram className="h-5 w-5" />,
+    icon: <FaTelegram className="h-4 w-4" />,
   },
 ]
 

diff --git a/dashboard/components/mirror.tsx b/dashboard/components/mirror.tsx
@@ -18,11 +18,11 @@ export default function Mirror({ mirror }: { mirror: MirrorFragment }) {
   return (
     <div className="flex flex-col space-y-7 py-7">
       <div className="flex flex-col space-y-2">
-        <div className="flex items-center text-2xl font-bold text-gray-800">
+        <div className="flex items-center text-2xl font-bold">
           <span>Publication</span>
           <span className="ml-2 font-mono">{mirror.id}</span>
         </div>
-        <div className="text-sm font-bold text-gray-600">
+        <div className="text-sm font-bold text-muted-foreground">
           <Badge>{mirror.__typename}</Badge>
           <span> @ </span>
           <Link

diff --git a/dashboard/components/post.tsx b/dashboard/components/post.tsx
@@ -50,7 +50,7 @@ export default function Post({ post }: { post: PostFragment }) {
   return (
     <div className="flex flex-col space-y-7 py-7">
       <div className="flex flex-col space-y-2">
-        <div className="flex items-center text-2xl font-bold text-gray-800">
+        <div className="flex items-center text-2xl font-bold">
           <span>Publication</span>
           <span className="ml-2 font-mono">{post.id}</span>
         </div>

diff --git a/dashboard/components/stat-card.tsx b/dashboard/components/stat-card.tsx
@@ -12,8 +12,8 @@ const StatCard: React.FC<Props> = ({ title, metric, icon, color }) => {
     <div
       className={`grid h-32 grid-cols-2 rounded-2xl p-6 ${color} items-center`}
     >
-      <h5 className="text-lg font-semibold text-gray-700">{title}</h5>
-      <p className="text-xl font-semibold text-gray-700">{metric}</p>
+      <h5 className="text-lg font-semibold text-muted-foreground">{title}</h5>
+      <p className="text-xl font-semibold text-muted-foreground">{metric}</p>
     </div>
   )
 }