# SkillView 테마 색상 수정

## 문제
SkillView.js가 **다크 테마 색상**으로 코딩되었으나, 대시보드 전체 배경은 **라이트 테마** (`body { background: #f1f5f9 }`)임.
결과: 스킬명, 설명 텍스트가 밝은 색(#e2e8f0, #cbd5e0, #fff)이라 라이트 배경에서 안 보임.

## 수정 대상
`/home/jay/workspace/dashboard/components/SkillView.js`

## 수정 방향
다른 대시보드 뷰(App.js 등)의 라이트 테마 색상 체계에 맞춰서 SkillView의 모든 텍스트/배경 색상을 라이트 테마로 변환.

### 핵심 변경점
- 컨테이너 배경: 다크(#1a1a2e 등) → 라이트(#ffffff, #f8fafc)
- 제목 텍스트: #fff → #1a202c (다크 그레이)
- 본문 텍스트: #e2e8f0 → #2d3748 또는 #4a5568
- 보조 텍스트: #718096 유지 (라이트에서도 적절)
- 섹션 헤더: #cbd5e0 → #2d3748
- 카드 배경: 반투명 다크 → #ffffff + border or shadow
- 뱃지(marketing, active 등): 색상은 유지하되 가독성 확인
- 상단 통계 카드 배경: 현재 라이트 컬러 계열이면 유지, 아니면 수정

### 참고: 현재 다른 뷰들의 라이트 테마 색상
- body background: #f1f5f9
- 테이블 헤더: #f1f5f9
- 텍스트: Tailwind 기본 (text-gray-700, text-gray-500 등)

## 검증
- 대시보드 `http://100.76.130.39:8000/dashboard/` 에서 스킬뷰 탭 클릭 시 모든 텍스트 가독성 확인
- 뱃지 색상 대비 확인
- 기존 다른 탭들과 시각적 일관성 확인

## task-timer
- task_id: task-1116.1
- team: dev8-team