From 40b252b10b3ddf8941353733d29fba58daec2c37 Mon Sep 17 00:00:00 2001
From: Godopu <godopu16@gmail.com>
Date: Thu, 30 Jul 2026 22:41:16 +0900
Subject: [PATCH] fix: remove dark:text-ivory to enforce high contrast white
 text on active vermillion badge in all themes

---
 refer_landing_page/components/Header.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/refer_landing_page/components/Header.tsx b/refer_landing_page/components/Header.tsx
index 85e06fb..ac708b8 100644
--- a/refer_landing_page/components/Header.tsx
+++ b/refer_landing_page/components/Header.tsx
@@ -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}