Skip to content

refactor(designsystem): 하드코딩 색상 → HackathonTheme.colors 역할 토큰화 + 죽은 색 제거 - #32

Merged
github-actions[bot] merged 1 commit into
mainfrom
feat/31
Jun 3, 2026
Merged

github-actions[bot] merged 1 commit into
mainfrom
feat/31

Conversation

@OnlyReadOneBook

Copy link
Copy Markdown
Owner

📌𝘐𝘴𝘴𝘶𝘦𝘴

📎𝘞𝘰𝘳𝘬 𝘋𝘦𝘴𝘤𝘳𝘪𝘱𝘵𝘪𝘰𝘯

  • 하드코딩 Color(0xFF...) → 디자인시스템 토큰화 + HackathonTheme.colors(CompositionLocal) 역할 기반 라우팅. 다크모드 도입 대비(역할은 라이트/다크 공통, 값만 테마별 교체).
  • HackathonColors에 역할 필드 추가 → 사용처는 전부 HackathonTheme.colors.X 경유:
    • iconUnselected(8B91A1) · labelUnselected(939DA9) · onSurfaceVariant(C0C0C0) · outline(CCCCCC) · textSecondary(555555) · surfaceVariant(F7F7F7) · primaryContainer(FFF3F3). Primary/Black은 기존 colors.primary/.black 재사용.
  • drawBehind(비-Composable)는 색을 Composable 본문에서 호이스팅해 사용.
  • 죽은 컬러 11개 제거: PrimaryDark, TextPrimary, TextSecondary, Legacy 블록(Secondary/SecondaryLight/Purple80/PurpleGrey80/Pink80/Purple40/PurpleGrey40/Pink40 — Compose 템플릿 잔재). 참조 0 확인.

📷𝘚𝘤𝘳𝘦𝘦𝘯𝘴𝘩𝘰𝘵

UI 변경 없음 — 토큰 값이 기존 hex와 동일해 렌더 결과 동일. 캡처 생략.

💬𝘛𝘰 𝘙𝘦𝘷𝘪𝘦𝘸𝘦𝘳𝘴

  • 검증: :app:assembleDebug + lintDebug + ktlint 1.8.0(로컬) 전부 green.
  • 역할 네이밍은 사용처 기반 제 해석 — Figma 디자인 토큰명과 대조해 조정 가능(특히 onSurfaceVariant는 텍스트+구분선 혼용).
  • 다크모드 도입 시: 다크 값 HackathonColors 추가 + HackathonTheme에서 스위치, 역할/사용처는 그대로.
  • Gray700 직접참조(61곳)는 본 PR 범위 밖(별개 일관성 이슈)으로 유지.

- core:designsystem 내 `HackathonColors`에 새로운 시맨틱 컬러 토큰 추가 (`iconUnselected`, `labelUnselected`, `onSurfaceVariant`, `outline` 등)
- `CombinationCard`, `DetailScreen`, `SearchScreen`, `BottomNavBar` 등 UI 컴포넌트 전반의 하드코딩된 Hex 색상 값을 테마 프로퍼티로 변경
- `Color.kt`에서 사용하지 않는 레거시 색상 정의 및 각 파일의 미사용 임포트 제거
- `ImageUploadSection`의 `drawBehind` 블록 내에서 테마 색상을 사용할 수 있도록 변수 호이스팅 적용
@github-actions
github-actions Bot merged commit 048d2f6 into main Jun 3, 2026
4 checks passed
@github-actions
github-actions Bot deleted the feat/31 branch June 3, 2026 09:23
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.

refactor(designsystem): 하드코딩 색상 디자인시스템 토큰화

1 participant