Skip to content

design: 강조 박스 좌측 보더에 SK Red 액센트 도입#219

Merged
haksungjang merged 1 commit into
masterfrom
design/alert-skred-accent
Jun 11, 2026
Merged

design: 강조 박스 좌측 보더에 SK Red 액센트 도입#219
haksungjang merged 1 commit into
masterfrom
design/alert-skred-accent

Conversation

@haksungjang

Copy link
Copy Markdown
Member

배경

문서 강조 박스(기본 alert·blockquote)의 좌측 보더가 무채색이라 밋밋했고, SK Red(#EA002C) 브랜드 색은 홈 히어로 글로우에만 쓰이고 있었다. 강조 박스에만 SK Red 액센트를 도입해 브랜드 정체성을 살리되, Vercel 미니멀 기조는 유지한다.

변경

  • 기본 .alert(info/primary)와 .td-content blockquote의 좌측 보더: 무채색 → var(--skt-accent)(SK Red)
  • alert warning/danger/success는 기존 의미색(주황/빨강/초록) 유지
  • 다크모드는 #ff4d6a로 자동 보정
  • 배경·글자·버튼·링크·사이드바는 무채색 그대로

검증

  • npm run build 정상
  • 컴파일 CSS에서 alert·blockquote 좌측 보더 var(--skt-accent), 라이트 #EA002C / 다크 #ff4d6a, 종류별 의미색 유지 확인

기본 alert(info/primary)와 blockquote의 좌측 보더를 무채색에서 SK Red(--skt-accent)로 변경.
배경·글자·버튼·링크는 무채색을 유지해 Vercel 미니멀 기조는 그대로 둔다.
alert warning/danger/success는 기존 의미색(주황/빨강/초록) 유지, 다크모드는 #ff4d6a로 자동 보정.
@haksungjang haksungjang merged commit abd7a0e into master Jun 11, 2026
3 checks passed
@haksungjang haksungjang deleted the design/alert-skred-accent branch June 11, 2026 08:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant