# 다크모드 일괄 수정 스크립트

ItemManagement.tsx 및 모든 Management 파일에 적용할 다크모드 수정 사항입니다.

## 수정 패턴

### 1. bg-white
```
찾기: bg-white([^-])
바꾸기: bg-white dark:bg-card$1
```

적용 대상:
- 모바일 카드 배경
- 테이블 행 배경
- 미리보기 영역
- Dialog 내부 배경

### 2. bg-gray-50
```
찾기: bg-gray-50([^-/])
바꾸기: bg-gray-50 dark:bg-muted$1
```

적용 대상:
- 비활성 Badge
- 빈 상태 영역
- 미리보기 박스
- 서브 배경

### 3. bg-gray-100
```
찾기: bg-gray-100([^-])
바꾸기: bg-gray-100 dark:bg-gray-700$1
```

적용 대상:
- 테이블 헤더
- 강조 행

### 4. text-gray-700
```
찾기: text-gray-700([^-])
바꾸기: text-gray-700 dark:text-gray-300$1
```

적용 대상:
- Badge 텍스트
- 부제목
- 설명 텍스트

### 5. text-gray-900
```
찾기: text-gray-900([^-])
바�기: text-gray-900 dark:text-gray-100$1
```

적용 대상:
- 제목
- 강조 텍스트

### 6. border-gray-200
```
찾기: border-gray-200([^-])
바꾸기: border-gray-200 dark:border-gray-700$1
```

적용 대상:
- Card 테두리
- Badge 테두리
- 구분선

### 7. border-purple-200
```
찾기: border-purple-200([^-])
바꾸기: border-purple-200 dark:border-purple-800$1
```

적용 대상:
- 품목관리 강조 영역

### 8. bg-purple-50
```
찾기: bg-purple-50([^-])
바꾸기: bg-purple-50 dark:bg-purple-900/30$1
```

### 9. bg-purple-100
```
찾기: bg-purple-100([^-])
바꾸기: bg-purple-100 dark:bg-purple-900/40$1
```

### 10. text-purple-700
```
찾기: text-purple-700([^-])
바꾸기: text-purple-700 dark:text-purple-300$1
```

### 11. text-purple-900
```
찾기: text-purple-900([^-])
바꾸기: text-purple-900 dark:text-purple-100$1
```

## ItemManagement.tsx 특정 수정사항

### Line 1784
```tsx
// Before
className="bg-gray-50 text-gray-700 border-gray-200"

// After
className="bg-gray-50 dark:bg-gray-800 text-gray-700 dark:text-gray-300 border-gray-200 dark:border-gray-700"
```

### Line 1992, 2230, 3085, 3213, 3371, 3564 (모바일 카드)
```tsx
// Before
className="border rounded-lg p-4 space-y-3 bg-white hover:bg-muted/50 transition-colors"

// After
className="border rounded-lg p-4 space-y-3 bg-white dark:bg-card hover:bg-muted/50 transition-colors"
```

### Line 2559, 2787, 2996 (미사용 Badge)
```tsx
// Before
className="bg-gray-50 text-gray-700 text-xs"

// After
className="bg-gray-50 dark:bg-gray-800 text-gray-700 dark:text-gray-300 text-xs"
```

### Line 2577, 2579 (설치 타입 Badge)
```tsx
// Before
className="bg-gray-50 text-gray-700 text-xs"

// After
className="bg-gray-50 dark:bg-gray-800 text-gray-700 dark:text-gray-300 text-xs"
```

### Line 3074 (미분류 부품 Badge)
```tsx
// Before
className="bg-gray-50 text-gray-700"

// After
className="bg-gray-50 dark:bg-gray-800 text-gray-700 dark:text-gray-300"
```

### Line 3136 (테이블 헤더 행)
```tsx
// Before
className="bg-gray-50/50"

// After
className="bg-gray-50/50 dark:bg-muted/50"
```

### Line 4359, 5378 (히스토리 카드 내부)
```tsx
// Before
className="bg-white border border-purple-200 rounded-lg p-4"

// After
className="bg-background dark:bg-card border border-purple-200 dark:border-purple-800 rounded-lg p-4"
```

### Line 4416 (부품 타입 기본값)
```tsx
// Before
'bg-gray-50 text-gray-700'

// After  
'bg-gray-50 dark:bg-gray-800 text-gray-700 dark:text-gray-300'
```

### Line 4658 (전개도 이미지 배경)
```tsx
// Before
className="mt-2 p-2 md:p-4 border rounded-lg bg-gray-50"

// After
className="mt-2 p-2 md:p-4 border rounded-lg bg-gray-50 dark:bg-muted"
```

### Line 4667 (빈 전개도 상태)
```tsx
// Before
className="text-center py-6 md:py-8 text-xs md:text-sm text-muted-foreground border rounded-lg bg-gray-50"

// After
className="text-center py-6 md:py-8 text-xs md:text-sm text-muted-foreground border rounded-lg bg-gray-50 dark:bg-muted"
```

### Line 4676 (전개도 테이블)
```tsx
// Before
className="mt-2 overflow-x-auto bg-white rounded border -mx-2 md:mx-0"

// After
className="mt-2 overflow-x-auto bg-background dark:bg-card rounded border -mx-2 md:mx-0"
```

### Line 4872, 5018 (Bending 상세 행)
```tsx
// Before
className={detail.shaded ? 'bg-gray-100' : 'bg-white'}

// After
className={detail.shaded ? 'bg-gray-100 dark:bg-gray-700' : 'bg-white dark:bg-card'}
```

### Line 4921 (BOM 하위 행)
```tsx
// Before
className="bg-white"

// After
className="bg-white dark:bg-card"
```

### Line 5126 (재료 요약 카드)
```tsx
// Before
className="bg-white rounded border border-purple-200 overflow-hidden"

// After
className="bg-background dark:bg-card rounded border border-purple-200 dark:border-purple-800 overflow-hidden"
```

### Line 5127 (재료 요약 헤더)
```tsx
// Before
className="bg-purple-100 px-3 py-2 flex justify-between items-center"

// After
className="bg-purple-100 dark:bg-purple-900/40 px-3 py-2 flex justify-between items-center"
```

### Line 5128 (재료 요약 텍스트)
```tsx
// Before
className="font-medium text-purple-900"

// After
className="font-medium text-purple-900 dark:text-purple-100"
```

### Line 5235 (도면 이미지)
```tsx
// Before
className="border rounded-lg p-4 bg-white"

// After
className="border rounded-lg p-4 bg-white dark:bg-card"
```

### Line 5310 (첨부파일 아이템)
```tsx
// Before
className="flex items-center justify-between p-3 bg-gray-50 rounded-lg border"

// After
className="flex items-center justify-between p-3 bg-gray-50 dark:bg-muted rounded-lg border"
```

### Line 6762 (전개도 미리보기 - 폼)
```tsx
// Before
className="p-4 border rounded-lg bg-gray-50"

// After
className="p-4 border rounded-lg bg-gray-50 dark:bg-muted"
```

### Line 6782 (전개도 이미지 - 폼)
```tsx
// Before
className="max-w-full h-auto max-h-96 mx-auto border rounded bg-white"

// After
className="max-w-full h-auto max-h-96 mx-auto border rounded bg-white dark:bg-card"
```

### Line 6832 (전개도 데이터 테이블 - 폼)
```tsx
// Before
className="overflow-x-auto bg-white rounded border"

// After
className="overflow-x-auto bg-background dark:bg-card rounded border"
```

### Line 6834 (테이블 헤더 - 폼)
```tsx
// Before
className="bg-gray-100"

// After
className="bg-gray-100 dark:bg-gray-700"
```

### Line 6948 (빈 데이터 상태 - 폼)
```tsx
// Before
className="text-center py-8 text-sm text-muted-foreground border rounded-lg bg-gray-50"

// After
className="text-center py-8 text-sm text-muted-foreground border rounded-lg bg-gray-50 dark:bg-muted"
```

## 적용 순서

1. ItemManagement.tsx 전체 수정
2. ClientManagement.tsx 수정
3. 나머지 Management 파일 순차 수정
4. 각 파일 다크모드 테스트
5. 가독성 최종 확인
