diff --git a/apps/blog/src/app/global.css b/apps/blog/src/app/global.css index c2b7938..4fca43a 100644 --- a/apps/blog/src/app/global.css +++ b/apps/blog/src/app/global.css @@ -9,9 +9,8 @@ (#94에서 @theme가 안 된다고 본 것은 빌드 산출물의 minify된 값(#00ff00→#0f0)을 minify 전 문자열로 grep한 오진이었음 — #120에서 정정하고 arbitrary value를 제거함) */ @theme { - /* 브랜드 액센트(인디고) 스케일. */ + /* 브랜드 액센트(인디고). bg-brand-strong 소비처가 사라져(#135) 이제 포커스 링용 단일 토큰만 남긴다. */ --color-brand: #6366f1; /* 비텍스트 액센트(포커스 링 등) */ - --color-brand-strong: #4f46e5; /* 브랜드 위 흰 텍스트용 — 대비 AA(6.3:1) 확보 */ /* 다크 서피스 단일 토큰. 헤더·드롭다운·사이드바·뱃지의 검정 계열(black/gray-900/950)을 통일한다. */ --color-ink: #0a0a0a; /* 중립 구조색. 값은 기존 Tailwind gray와 동일해 시각 변화 없이 단일 출처로 모은다. */ diff --git a/apps/blog/src/components/badge.tsx b/apps/blog/src/components/badge.tsx index 5dc2fbf..3c08dd6 100644 --- a/apps/blog/src/components/badge.tsx +++ b/apps/blog/src/components/badge.tsx @@ -29,7 +29,8 @@ export function Badge({ href, children, onClick, color = 'secondary', active }: 'md:px-[12px] md:py-[6px]', 'whitespace-nowrap', color === 'primary' - ? 'bg-brand-strong text-white' + ? // 활성/primary 강조: 무채색 채움(테마별 반전으로 라이트는 근검정+흰 텍스트, 다크는 근백색+어두운 텍스트) — 검정 헤더와 한 시스템으로 통일. + 'bg-gray-900 text-surface' : 'bg-gray-100 text-gray-700', 'hover:brightness-95 active:brightness-90', )} diff --git a/apps/blog/src/components/introduce-card.tsx b/apps/blog/src/components/introduce-card.tsx index 2856695..7acd3f9 100644 --- a/apps/blog/src/components/introduce-card.tsx +++ b/apps/blog/src/components/introduce-card.tsx @@ -5,8 +5,8 @@ export function IntroduceCard() { return (