---
title: "📓 작업일지 — index.css 배포게이트 해소 + raw color 토큰스왑 19건"
category: "worklog"
parent: "Claude Code 작업일지"
updated: "2026-07-03"
priority: "Medium"
purpose: "phase1-release 배포 전 spacingTokenGuard 품질게이트를 막던 --rdc-ts/--rdc-ts-soft 네이밍 문제를 rename으로 해소하고, index.css 소비처의 raw hex 색상값 19건을 기존 토큰으로 교체한 기록."
read_when: ["spacingTokenGuard 게이트 실패", "rdc-text-shadow rename", "raw hex 토큰스왑", "index.css 배포게이트"]
document_type: "개발일지"
source_status: "generated"
knowledge_group: "03_history"
work_timestamp: "20260703_022316"
source_of_truth: "https://dallog-tools.hansbridge.co.kr/knowledge/"
context: "달록 본레포(ccy-hansbridge/dallog), 커밋 f4421118(2026-07-03). phase1-release 배포게이트 해소."
---

# 작업일지 — index.css 배포게이트 해소 + raw color 토큰스왑 19건

> phase1-release 배포를 앞두고 품질게이트(`spacingTokenGuard`)가 RED 상태였다. 그림자(shadow) 계열 토큰만 이름에 `*shadow*`가 들어가야 게이트 면제 대상으로 인식되는데, 기존 변수명 `--rdc-ts`/`--rdc-ts-soft`가 이 규칙에 걸리지 않아 게이트가 실패하고 있었다. 이 작업은 그 이름을 바꿔 게이트를 통과시키는 동시에, 같은 파일 안에 남아있던 raw hex 색상값 19곳을 이미 존재하는 CSS 변수(토큰)로 바꿔 넣었다.

## 1. 무엇을 했나

- **토큰 rename(게이트 해소)**: `--rdc-ts` → `--rdc-text-shadow`, `--rdc-ts-soft` → `--rdc-text-shadow-soft`. `spacingTokenGuard`가 그림자 토큰을 `*shadow*` 이름으로만 면제하는 설계였는데, 기존 이름은 이 조건을 충족하지 못해 RED였던 것을 rename으로 해소(값 자체는 변경 없음). 소비처(`.rdc__title`, `.rdc__act`, `.rdc__subname`, `.rdc__primary`, `.rdc__herotitle`, `.rdc__date`, `.rdc__time`)도 새 이름으로 함께 교체.
- **raw hex → 기존 토큰 치환 19건**: 아래 표 참조. 커밋 메시지 기준 대표 항목만 나열하면 `#d8d8d8`→`--brief-text`, `#d4e8a0`→`--hist-ex-auto`, `#E24B4A`→`--hist-ex-danger`/`--color-dow-sun`, `#1D9E75`→`--teal`, `#378ADD`→`--blue`, `#D85A30`→`--coral`, `.ginl` 클래스의 `#0a0a0a`→`--btn-primary-fg`.
- 커밋 메시지 기준 `.brief-ai__error` 는 도메인 부적합 판단으로 raw 값을 유지(향후 토큰화 대상, `needs-token`으로 남김).
- Codex 사전/사후 검수, `npm run build`, `npm test`(121 pass) 통과.

## 2. 주요 변경 파일

| 파일 | 내용 |
|---|---|
| `src/index.css` | `--rdc-ts`/`--rdc-ts-soft` → `--rdc-text-shadow`/`--rdc-text-shadow-soft` rename(7개 소비처 갱신) + raw hex 19건 토큰 치환(28 additions, 28 deletions) |

### raw hex → 토큰 치환 상세(커밋 diff 기준)

| 위치(선택자) | 이전 값 | 이후 토큰 |
|---|---|---|
| `.heat-row__fill .ginl` | `#0a0a0a` | `var(--btn-primary-fg)` |
| `.move-bar__fill .ginl` | `#0a0a0a` | `var(--btn-primary-fg)` |
| `.drp-wd.is-sun`, `.drp-cell.is-sun` | `#E24B4A` | `var(--color-dow-sun)` |
| `.drp-wd.is-sat`, `.drp-cell.is-sat` | `#378ADD` | `var(--blue)` |
| `.dash-page .insight .tx` | `#d8d8d8` | `var(--brief-text)` |
| `.dash-page .act .b` | `#d8d8d8` | `var(--brief-text)` |
| `.metric-toggle.is-on` | `#378ADD` | `var(--blue)` |
| `.cell-td--computed` / `.run-cell--computed` / `.cms-cell--computed` | `#d4e8a0` | `var(--hist-ex-auto)` |
| `.run-msg--err` / `.cms-msg--err` | `#E24B4A` | `var(--hist-ex-danger)` |
| `.run-msg--ok` / `.cms-msg--ok` | `#1D9E75` | `var(--teal)` |
| `.cms-btn--danger` | `#E24B4A` | `var(--hist-ex-danger)` |
| `.pub-badge--off`, `.pub-card__del` | `#D85A30` | `var(--coral)` |
| `.dstr-h__label`, `.dstr-ai__text` | `#d8d8d8` | `var(--brief-text)` |

## 3. 관련 커밋

- `f4421118` fix(css): index.css 배포게이트 해소 + raw color 경량 토큰스왑 19건 (2026-07-03)

## 4. 남은 이슈

- `.brief-ai__error`는 도메인 부적합 지적으로 raw 색상 유지(`needs-token` 상태로 이월).