lab/landing_page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove dark:text-ivory to enforce high contrast white text on active vermillion badge in all themes

Browse Source
This commit is contained in:
Godopu
2026-07-30 22:41:16 +09:00
parent 43c75daec6
commit 40b252b10b
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
refer_landing_page/components/Header.tsx
+10 -8
View File
@@ -64,20 +64,20 @@ export default function Header() {
key={item.href}
href={item.href}
aria-current={active ? "page" : undefined}
className={`group relative flex items-baseline gap-1.5 text-[0.78rem] font-semibold uppercase tracking-[0.18em] transition-all px-3 py-1.5 rounded-md ${
className={`group relative flex items-baseline gap-1.5 text-[0.78rem] font-bold uppercase tracking-[0.18em] transition-all px-3.5 py-1.5 rounded-md ${
active
? "bg-vermillion text-white shadow-sm dark:text-ivory font-bold"
? "bg-vermillion text-white shadow-sm"
: "text-ink hover:text-vermillion hover:bg-paper/60"
}`}
>
<span
className={`font-display text-[0.62rem] ${
active ? "text-white dark:text-ivory" : "text-ink-mute"
active ? "text-white/90" : "text-ink-mute"
}`}
>
{item.no}
</span>
<span>{item.en}</span>
<span className={active ? "text-white" : ""}>{item.en}</span>
</Link>
);
})}
@@ -126,23 +126,25 @@ export default function Header() {
aria-current={active ? "page" : undefined}
className={`flex items-baseline justify-between px-4 py-3.5 transition-colors rounded-md my-1 ${
active
? "bg-vermillion text-white font-bold dark:text-ivory shadow-sm"
? "bg-vermillion text-white font-bold shadow-sm"
: "text-ink hover:bg-paper/60"
}`}
>
<span className="flex items-baseline gap-3">
<span
className={`font-display text-xs ${
active ? "text-white dark:text-ivory" : "text-ink-mute"
active ? "text-white/90" : "text-ink-mute"
}`}
>
{item.no}
</span>
<span className="headline-ko text-lg">{item.ko}</span>
<span className={`headline-ko text-lg ${active ? "text-white" : ""}`}>
{item.ko}
</span>
</span>
<span
className={`text-[0.7rem] font-semibold uppercase tracking-[0.18em] ${
active ? "text-white dark:text-ivory" : "text-ink-mute"
active ? "text-white/90" : "text-ink-mute"
}`}
>
{item.en}