style(admin): unify text color hierarchy with foundation gray
This commit is contained in:
1 parent
5ffe56a9aa
commit
0486cecd5c
26 files changed
+186
-52
No files matched your search
@@ -149,3 +149,26 @@ Cell Border Only 디자인 실험은 사용자 결정으로 정식 적용에서
|
||||
Guard는 [P11.1 기록](consistency-review-p11-1.md)과 기존 로컬 `test-results/org-chart-p11-1/guard-actual.json`을 확인한 결과이며 이번 문서 작업에서 재실행하지 않는다. P10 당시 실제 FAIL 5건 등 과거 원본은 보존한다. 정적 PASS·디자인 승인·별도 브라우저 증거로 원본 Runtime NOT VERIFIED를 덮어쓰지 않는다.
|
||||
|
||||
남은 승인과 운영 확인은 [정식 통합 승인 준비 문서](release-readiness-p10-7.md)를 따른다. 이번 P11.2는 문서화 단계이며 제품 코드·디자인 변경, 제품 전체 회귀, Commit·Push·main Merge·배포 실행을 포함하지 않는다.
|
||||
|
||||
## 8. 2026-11-11 Admin 텍스트 위계 적용
|
||||
|
||||
사용자가 Web / Chart / OrgChart 공통 Admin 텍스트 위계(Foundation Gray) 적용을 승인했다(2026-11-11, 결정 D8). §6-4의 사전 확인에 해당하는 승인이며, 아래 범위의 기본값만 바뀐다. OrgChart의 독립 구조는 유지한다. Web `--hm-sem-*` 토큰을 조직도에 연결하지 않고 `--hm-orgchart-*` 기본값만 같은 값으로 맞췄다. 공개 CSS 입력 이름은 바뀌지 않으며, 외부 테마가 지정한 값이 계속 우선한다.
|
||||
|
||||
| 대상 | 이전 | 현재 | 이유 |
|
||||
|---|---|---|---|
|
||||
| `fg-primary` 기본값(제목·본문·카드 이름·테이블·툴바) | `#10243B` | `#212121` | 공통 Primary |
|
||||
| `fg-secondary` 기본값(설명·직위·캡션·빈 상태) | `#596575` | `#616161` | 공통 Secondary |
|
||||
| SVG·compact 카드 직위 | `#797979` (카드 면 `#E0E6F4` 대비 3.48:1) | `fg-secondary` `#616161` (4.95:1) | 대비 4.5:1 미달 보정 |
|
||||
| SVG 카드 이름 fallback, 이름 툴팁 | `#071D3A` / `#323232` | `fg-primary` | 중복 하드코딩 정리(`card-color` 입력 우선은 유지) |
|
||||
| readOnly·Overview 인원 패널·Workdesk 표·소속 막대 | `#18253A` / `#223149` / `#1C2534` / `#071D3A` | `fg-primary` | 중복 하드코딩 정리 |
|
||||
| Core 팝업 닫기 아이콘 마지막 fallback | `#0A221D` | `#212121` | HM 기본값 변경에 맞춤(`--foreground` 체인 유지) |
|
||||
|
||||
유지한 항목: 브랜드 블루(대표자 직위·테이블 헤더·on-accent `#224387`, action `#45639F`), 6개 부서 Gradient·Role tag 색, 7개 회사 컬러와 흰색 그룹 제목, 파견·휴직 전용 회색(`#555F6A` / `#3E4650`, 대비 5.04 / 7.41), 인원 패널 제목의 흰 글자, 노드 배경, 연결선, Hub 라벨 artwork, Department Colors의 미승인 후보 `#10243B` 표본(진단용, 기본값 아님). React `HMEmployeeDialog`는 HM Dialog 토큰을 쓰므로 Core 팝업과 같은 `#212121` / `#616161`이 되었다.
|
||||
|
||||
| 접근성 항목 | 상태 |
|
||||
|---|---|
|
||||
| 카드 직위 `#797979` 대비 미달 | 수정함 |
|
||||
| 비readOnly 상태 그룹 제목(15px Bold, `#87909C → #68727E` 그라데이션) | **보류.** 텍스트 `#212121`은 4.98 → 3.29:1, 흰색은 3.23 → 4.89:1이라 글자색만으로 전 구간 4.5:1을 확보할 수 없다. 배경(상태색)이나 글자 크기를 바꿔야 하므로 별도 결정이다. readOnly 제목은 20px Bold 대형 텍스트라 흰색 3.23:1 이상(대형 기준 3:1)이다. |
|
||||
| 삼안·장헌산업 흰색 그룹 제목(§4) | 미해결 유지 |
|
||||
|
||||
대비는 선언색 기준 계산값이다. 2026-11-11 Storybook(전체 구성·개요·확장 조직도·Cards·Status Summary)에서 계산된 글자색이 위 값과 일치함을 확인했다. SVG 카드 artwork 위 픽셀 대비는 측정하지 않았다.
|
||||
Reference in new issue
Block a user