# 다크모드 배경색 전수 수정 — 밝은 배경 완전 제거

## 한정승인

## 문제
다크모드 적용 후 일부 컴포넌트에서 밝은 배경(흰색, 연분홍, 연회색 등)이 그대로 남아있어 다크모드가 깨짐.
- 카드 내부 배경이 밝은 색상
- 일부 섹션/패널이 bg-white, bg-gray-50, bg-pink-50 등 유지
- 다크모드에서는 **모든 배경이 어두운 계열**, **모든 텍스트가 밝은 계열**이어야 함

## 문제 스크린샷
`/home/jay/.cokacdir/workspace/autoset/photo_AQAD5AxrG_il2FZ9.jpg` — 논리적 팀 섹션의 카드 배경이 밝은 색상으로 남아있음

## 작업 내용

### 1. 전수 조사
- `/home/jay/workspace/dashboard/components/` 하위 모든 JS 파일에서 다크모드 미적용 배경색 전수 검색
- 대상 패턴: `bg-white`, `bg-gray-50`, `bg-gray-100`, `bg-pink-50`, `bg-blue-50`, `bg-green-50`, `bg-yellow-50`, `bg-purple-50`, `bg-red-50`, `bg-indigo-50` 등 밝은 배경 클래스
- 인라인 스타일: `background-color: white`, `background: #fff`, `background: rgb(255` 등
- index.html의 CSS override 파일도 확인
- **모든 탭의 모든 컴포넌트** 빠짐없이 확인

### 2. 다크모드 색상 원칙 (절대 규칙)
- **배경**: 어두운 계열만 (예: #0f172a, #1e293b, #1a1a2e, #334155)
  - 메인 배경: #0f172a ~ #1e293b
  - 카드/패널: #1e293b ~ #334155 (메인보다 약간 밝은 어두운 색)
  - 호버: #334155 ~ #475569
- **텍스트**: 밝은 계열만 (예: #e2e8f0, #f1f5f9, #94a3b8)
  - 주 텍스트: #e2e8f0 ~ #f1f5f9
  - 보조 텍스트: #94a3b8 ~ #cbd5e1
- **보더**: #334155 ~ #475569
- **배지/태그**: 배경 어둡게 + 텍스트 밝게 (예: bg-blue-900/50 + text-blue-300)
- **입력 필드**: 어두운 배경 + 밝은 보더 + 밝은 텍스트

### 3. 수정 방법
- CSS override 방식이면: `[data-theme="dark"]` 또는 `.dark` 셀렉터 하위 규칙 추가
- Tailwind dark: prefix 방식이면: 각 컴포넌트에 `dark:bg-slate-800` 등 추가
- **기존 다크모드 구현 방식을 먼저 확인**하고, 그 방식에 맞춰 일관되게 수정

### 4. 검증
- 모든 탭을 다크모드로 전환 후 밝은 배경이 단 하나도 없는지 확인
- 특히 확인할 컴포넌트:
  - SystemView (조직도, 논리적 팀)
  - SkillView (스킬 카드, Absorption Tracker)
  - CampaignView (캠페인 카드, 채널 상태)
  - NaverBlogView (키워드 카드, 이미지 프롬프트)
  - ProjectView (프로젝트 카드, Todo)
  - ArchiveView (기록 리스트)
  - 모달/팝업/드롭다운

## 참조 파일
- 기존 다크모드 구현: `/home/jay/workspace/dashboard/components/` + `/home/jay/workspace/dashboard/index.html`
- task-1652.1 보고서: `/home/jay/workspace/memory/reports/task-1652.1.md` (구현 방식 확인)

## 테스트
1. 다크모드 전환 → 모든 탭 순회 → 밝은 배경 0건 확인
2. 텍스트 가독성 확인 (어두운 배경 + 밝은 텍스트)
3. 배지/태그 가독성 확인
4. 입력 필드 가독성 확인
5. 밝은 모드로 복귀 → 기존 밝은 모드 정상 동작 확인

## 보고서
`/home/jay/workspace/memory/reports/task-{TASK_ID}.md`