From a740631d8940474ac9c4a8fe078116c84b9a9572 Mon Sep 17 00:00:00 2001
From: gunshiz <spsshop1047@gmail.com>
Date: Sat, 20 Jun 2026 20:48:47 +0700
Subject: [PATCH] style: update icon and text colors to a consistent dark theme
 palette in page component

---
 app/page.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index ec36807..3a8499b 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -78,17 +78,18 @@ export default async function Home() {
                               className="object-contain"
                             />
                           ) : (
-                            IconComponent && <IconComponent className="w-6 h-6 text-zinc-700 dark:text-zinc-300" />
+                            IconComponent && <IconComponent className="w-6 h-6 text-zinc-300" />
                           )}
                         </div>
                         <div className="flex flex-col items-start text-left">
-                          <span className="font-semibold text-zinc-900 dark:text-zinc-100">{item.name}</span>
-                          {item.desc && <span className="text-xs text-zinc-500 dark:text-zinc-400">{item.desc}</span>}
+                          <span className="font-semibold text-zinc-100">{item.name}</span>
+                          {item.desc && <span className="text-xs text-zinc-400">{item.desc}</span>}
                         </div>
                       </div>
                       {count !== null && (
-                        <span className="text-xs font-medium text-zinc-500 dark:text-zinc-400 shrink-0">
-                          {formatCount(count.count)} {count.label}
+                        <span className="text-xs font-medium shrink-0">
+                          {formatCount(count.count)} 
+                          <span className="text-zinc-400"> {count.label}</span>
                         </span>
                       )}
                     </div>