gbanyan/blog-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Introduce env-driven accent color system and apply to links, icons, and tags

Browse Source
This commit is contained in:
gbanyan
2025-11-17 22:46:55 +08:00
parent e7a9d89cfc
commit 4cb3e7627b
10 changed files with 83 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/hero.tsx
View File

@@ -78,9 +78,9 @@ export function Hero() {
href={item.href}
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-2 rounded-full bg-white/80 px-3 py-1 shadow-sm ring-1 ring-slate-200 hover:bg-slate-50 dark:bg-slate-900/80 dark:ring-slate-700"
className="flex items-center gap-2 rounded-full bg-white/80 px-3 py-1 shadow-sm ring-1 ring-slate-200 hover:bg-accent-soft dark:bg-slate-900/80 dark:ring-slate-700"
>
<FontAwesomeIcon icon={item.icon} className="h-3.5 w-3.5" />
<FontAwesomeIcon icon={item.icon} className="h-3.5 w-3.5 text-accent" />
<span>{item.label}</span>
</a>
))}