astral/erika
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: update icon and text colors to a consistent dark theme palette in page component

Browse Source
This commit is contained in:
gunshiz
2026-06-20 20:48:47 +07:00 Unverified
parent 37650d3aa8
commit a740631d89
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/page.tsx
+6 -5
View File
@@ -78,17 +78,18 @@ export default async function Home() {
className="object-contain" 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>
<div className="flex flex-col items-start text-left"> <div className="flex flex-col items-start text-left">
<span className="font-semibold text-zinc-900 dark:text-zinc-100">{item.name}</span> <span className="font-semibold text-zinc-100">{item.name}</span>
{item.desc && <span className="text-xs text-zinc-500 dark:text-zinc-400">{item.desc}</span>} {item.desc && <span className="text-xs text-zinc-400">{item.desc}</span>}
</div> </div>
</div> </div>
{count !== null && ( {count !== null && (
<span className="text-xs font-medium text-zinc-500 dark:text-zinc-400 shrink-0"> <span className="text-xs font-medium shrink-0">
{formatCount(count.count)} {count.label} {formatCount(count.count)}
<span className="text-zinc-400"> {count.label}</span>
</span> </span>
)} )}
</div> </div>