---
title: "📓 작업일지 — orphan raw color → semantic 토큰 6종 전환 + 라이트 분기 (U5)"
category: "worklog"
parent: "Claude Code 작업일지"
updated: "2026-07-03"
priority: "Low"
purpose: "토큰맵 v0 후속 라운드 U5 항목 — 데이트픽커·브리프에러·라이트 프로필배지/편집탭에 남아있던 orphan raw 색상 6곳을 시맨틱 CSS 변수로 승격하고, 라이트모드 전용 가독성 분기를 추가한 기록. 다크값은 전부 보존, #d97757 아바타는 기존 결정대로 제외."
read_when: ["--picker-accent --picker-alert", "--brief-error 토큰", "--profile-badge-follow --profile-tab-edit", "orphan raw color 정리 U5"]
document_type: "개발일지"
source_status: "generated"
knowledge_group: "03_history"
work_timestamp: "20260703_132728"
source_of_truth: "https://dallog-tools.hansbridge.co.kr/knowledge/"
context: "달록 본레포(ccy-hansbridge/dallog), 커밋 830f43d(2026-07-03). 토큰맵 v0 후속 라운드 U5."
---

# 작업일지 — orphan raw color → semantic 토큰 6종 전환 + 라이트 분기 (U5)

## 1. 무엇을 했나

- **데이트픽커**: `#CCFF00`/`rgba(200,241,53,0.1)`/`#FF4F8B` → `--picker-accent`/`--picker-accent-soft`/`--picker-alert` 신설. 다크값은 기존 라임/핑크를 그대로 유지하고, 라이트모드에서는 자극적인 라임·핑크 대신 `--picker-accent: #0a8e9e`(티일), `--picker-alert: #d63384`(진핑크)로 가독성 분기.
- **AI 브리프 에러 텍스트**: `.brief-ai__error`의 `#E24B4A` → `--brief-error`. 라이트값은 `#c8504d`로, 기존 `--danger` 토큰과 동일한 값을 사용해 도메인 정합성을 맞춤(Codex 지적 반영).
- **라이트 전용 프로필 배지/편집탭**: `#7C5CFF`(팔로워 배지)/`#2563EB`(편집탭)를 `--profile-badge-follow`/`--profile-tab-edit`로 승격. 이 둘은 라이트 전용이라 값 자체는 변경 없이 변수명만 부여(클린업).
- 다크모드 값은 전부 기존값 그대로 보존해 무회귀. `#d97757`(아바타)는 이전 라운드에서 "리터럴 유지" 결정이 있었으므로 이번에도 제외.
- `npm run build`·`npm test`(121건) 통과.

## 2. 주요 변경 파일

| 파일 | 내용 |
|---|---|
| `src/index.css` | `--picker-accent(-soft)`/`--picker-alert`/`--brief-error`/`--profile-badge-follow`/`--profile-tab-edit` 6개 토큰 신설(다크 기본값 + 라이트 분기), `.drp-close`/`.drp-clear`/`.brief-ai__error`/`.badge-followers`/`.pf-ctab--edit` 소비처를 var() 참조로 치환 |

### 핵심 발췌

```css
/* 다크(기본) — orphan → semantic (U5 2026-07-03) */
--picker-accent: #CCFF00;
--picker-accent-soft: rgba(200,241,53,0.1);
--picker-alert: #FF4F8B;
--brief-error: #E24B4A;
--profile-badge-follow: #7C5CFF;
--profile-tab-edit: #2563EB;

/* 라이트 분기 */
--picker-accent: #0a8e9e;
--picker-accent-soft: rgba(10,142,158,0.1);
--picker-alert: #d63384;
--brief-error: #c8504d;
```

## 3. 관련 커밋

- `830f43d` refactor(css): orphan raw color → semantic 토큰 6종 + 라이트 분기 (U5) (2026-07-03)

## 4. 남은 이슈

`#d97757`(아바타) 등 선행 라운드에서 "리터럴 유지"로 결정된 항목은 이번에도 의도적으로 제외됨(커밋 메시지 명시, 별도 이슈 아님).