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

Use lighter accent color for navbar hover state

Browse Source
This commit is contained in:
gbanyan
2025-11-17 23:22:57 +08:00
parent 1804138124
commit 3332924b8e
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/site-header.tsx
View File

@@ -13,14 +13,14 @@ export function SiteHeader() {
<div className="container mx-auto flex items-center justify-between px-4 py-3 text-slate-900 dark:text-slate-100"> <div className="container mx-auto flex items-center justify-between px-4 py-3 text-slate-900 dark:text-slate-100">
<Link <Link
href="/" href="/"
className="font-semibold transition hover:text-accent focus-visible:outline-none focus-visible:text-accent" className="font-semibold transition hover:text-accent-textDark focus-visible:outline-none focus-visible:text-accent-textDark"
> >
{siteConfig.title} {siteConfig.title}
</Link> </Link>
<nav className="flex items-center gap-4 text-sm"> <nav className="flex items-center gap-4 text-sm">
<Link <Link
href="/blog" href="/blog"
className="transition hover:text-accent focus-visible:outline-none focus-visible:text-accent" className="transition hover:text-accent-textDark focus-visible:outline-none focus-visible:text-accent-textDark"
> >
Blog Blog
</Link> </Link>
@@ -28,7 +28,7 @@ export function SiteHeader() {
<Link <Link
key={page._id} key={page._id}
href={page.url} href={page.url}
className="transition hover:text-accent focus-visible:outline-none focus-visible:text-accent" className="transition hover:text-accent-textDark focus-visible:outline-none focus-visible:text-accent-textDark"
> >
{page.title} {page.title}
</Link> </Link>