style(admin): unify text color hierarchy with foundation gray

This commit is contained in:
shkim4 committed 2026-11-11 14:33:58 +09:00
1 parent 5ffe56a9aa
commit 0486cecd5c
26 files changed
+186 -52

No files matched your search

@@ -321,3 +321,19 @@ HMDesign의 Font Weight는 400(Regular), 500(Medium), 700(Bold)의 3단계만
- 신규 컴포넌트·Storybook·AI 생성 코드에 같은 정책을 적용한다. Tailwind `font-normal` / `font-medium` / `font-bold`만 사용하며 `font-semibold`나 750·800 등 추가 단계는 사용하지 않는다.
- 폰트 패밀리·크기·행간·자간은 변경하지 않는다. `@font-face`의 100–900은 가변 폰트의 지원 범위이며 UI 사용 단계가 아니다. 폰트 파일과 라이선스는 보존한다.
- Typography는 Runtime Theme JSON 공개 allowlist 입력이 아니다. 공개 API·외부 CSS 커스터마이징 계약은 유지하며 과거 보고서의 600 실측값은 당시 검증 기록으로 보존한다.
## Admin Text Hierarchy — 2026-11-11
Web / Chart / OrgChart가 공유하는 Admin 텍스트 위계다. SW는 적용 대상이 아니다. 원본 값은 `themes/default.json`, Primitive는 `--hm-gray-900|800|700|600|500`(텍스트용 5단계만), 공개 Runtime Key는 `color.palette.gray-*`다. 상세 계약은 [Runtime Theme Contract](runtime-theme-contract.md#admin-텍스트-위계--foundation-gray--2026-11-11).
| 역할 | 값 | 연결 | 사용 |
|---|---|---|---|
| Primary | `#212121` | `--hm-sem-fg-primary` (`--foreground`) | 페이지·카드·Dialog 제목, 본문, 입력값, 테이블 셀, 툴팁 값 |
| Strong Secondary | `#424242` | Primitive만 (`--hm-gray-800`) | 현재 Semantic 없음 |
| Secondary | `#616161` | `--hm-sem-fg-secondary` (`--muted-foreground`) | 설명, Label, 캡션·요약·빈 상태, 축·범례 |
| Tertiary | `#757575` | `--hm-sem-fg-placeholder` | Placeholder 전용. 흰 면에서만 4.5:1 이상(베이지 4.05:1) |
| Disabled | `#9e9e9e` | Primitive만 (`--hm-gray-500`) | 색으로 쓰지 않음. Disabled는 opacity 정책 유지 |
- 유지: 브랜드·액션·상태·반전 텍스트(Button, Link `text-primary`, Tabs, GNB/LNB, Tooltip, Badge default, Destructive), 테이블 헤더 Green(`--hm-table-header-text`).
- Placeholder는 Input·Textarea·Select·Command·Combobox·Date Picker 모두 `--hm-sem-fg-placeholder`를 쓴다. 투명 면 readonly Input만 Secondary를 쓴다.
- 새 텍스트 역할은 위 Semantic을 쓰고 Gray Primitive를 컴포넌트에서 직접 참조하지 않는다.