From b9fcf83a28c768ed45a17ffd6440ac7201f690a6 Mon Sep 17 00:00:00 2001 From: malloc72p Date: Fri, 10 Jul 2026 22:15:33 +0900 Subject: [PATCH 1/2] =?UTF-8?q?style(blog):=20=EC=9D=B8=EB=94=94=EA=B3=A0?= =?UTF-8?q?=20=EC=95=A1=EC=84=BC=ED=8A=B8=EB=A5=BC=20=ED=85=8C=EB=A7=88=20?= =?UTF-8?q?=EB=B0=98=EC=A0=84=20=EB=AC=B4=EC=B1=84=EC=83=89=EC=9C=BC?= =?UTF-8?q?=EB=A1=9C=20=ED=9A=8C=EA=B7=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 활성 뱃지·시리즈 칩·프로필 카드 바의 인디고 채움(bg-brand/brand-strong)을 bg-gray-900 text-surface로 교체 - 라이트는 근검정+흰 텍스트, 다크는 근백색+어두운 텍스트로 반전돼 검정 헤더와 한 시스템으로 통일 - 포커스 링(ring-brand)은 키보드 a11y 지표라 인디고 유지 --- apps/blog/src/components/badge.tsx | 3 ++- apps/blog/src/components/introduce-card.tsx | 4 ++-- apps/blog/src/components/series-detail/series-detail.tsx | 4 ++-- 3 files changed, 6 insertions(+), 5 deletions(-) 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 (
{/* === INTRODUCE CARD LEFT Bar === */} - {/* 브랜드 액센트 바. 두 모드 모두에서 의도적인 강조로 보이도록 brand 토큰을 쓴다. */} -
+ {/* 무채색 강조 바(테마별 반전으로 두 모드 모두 대비 확보 — 라이트는 근검정, 다크는 근백색). 헤더 잉크와 통일. */} +
{/* === INTRODUCE CARD Right SECTION === */}
diff --git a/apps/blog/src/components/series-detail/series-detail.tsx b/apps/blog/src/components/series-detail/series-detail.tsx index 3811e94..7530575 100644 --- a/apps/blog/src/components/series-detail/series-detail.tsx +++ b/apps/blog/src/components/series-detail/series-detail.tsx @@ -52,8 +52,8 @@ export async function SeriesDetail({ series }: SeriesDetailProps) { 'px-3 py-1.5 text-xs md:text-sm', 'transition-all duration-200 ease-in-out', active - ? // 활성 시리즈: 브랜드 액센트(흰 텍스트 대비 AA)로 현재 위치를 강조한다. - 'bg-brand-strong text-white' + ? // 활성 시리즈: 무채색 강조(테마 반전 대비)로 현재 위치를 강조한다. + 'bg-gray-900 text-surface' : // 비활성 시리즈: 옅은 배경 + hover 강조로 클릭 가능함을 알린다. 'bg-gray-100 text-gray-700 hover:bg-gray-200', )} From 01352f301fd5dd6ae6fbe8bed1fc702dbffbc6d2 Mon Sep 17 00:00:00 2001 From: malloc72p Date: Fri, 10 Jul 2026 22:22:20 +0900 Subject: [PATCH 2/2] =?UTF-8?q?refactor(blog):=20=EB=AF=B8=EC=82=AC?= =?UTF-8?q?=EC=9A=A9=20--color-brand-strong=20=ED=86=A0=ED=81=B0=20?= =?UTF-8?q?=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - bg-brand-strong 소비처가 이번 PR에서 사라져 완전 미사용이 된 인디고 잔재 정리 - 포커스 링용 --color-brand만 실사용이므로 스케일 주석을 단일 토큰 근거로 정정 - 렌더/접근성 영향 없음(정의부만 삭제, 참조처 없음) --- apps/blog/src/app/global.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) 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와 동일해 시각 변화 없이 단일 출처로 모은다. */