htlee
dec066e8bb
Phase 0: CSS 인프라 구축
- Tailwind config 색상 불일치 수정 (t1/t2/t3 → CSS 변수 값으로 통일)
- index.css 1,302줄 → @import 엔트리포인트 7줄로 축소
- common/styles/base.css: @layer base 추출 (CSS 변수, 리셋, body 기본값)
- common/styles/components.css: @layer components + utilities 추출
- common/styles/wing.css: wing-* 디자인 시스템 클래스 신규 정의
- common/utils/cn.ts: className 조합 유틸리티
- App.css 삭제 (내용을 components.css로 통합)
Phase 1: body default 인라인 스타일 일괄 제거
- fontFamily: 'var(--fK)' 781건 제거 (body font-family 상속)
- color: 'var(--t1)' 274건 제거 (body color 상속)
- 빈 style={{}} 78건 정리
- 31개 파일, JS 번들 23KB 감소
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
55 lines
1.1 KiB
JavaScript
Executable File
55 lines
1.1 KiB
JavaScript
Executable File
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
bg: {
|
|
0: '#0a0e1a',
|
|
1: '#0f1524',
|
|
2: '#121929',
|
|
3: '#1a2236',
|
|
hover: '#1e2844',
|
|
},
|
|
border: {
|
|
DEFAULT: '#1e2a42',
|
|
light: '#2a3a5c',
|
|
},
|
|
text: {
|
|
1: '#edf0f7',
|
|
2: '#b0b8cc',
|
|
3: '#8690a6',
|
|
},
|
|
primary: {
|
|
blue: '#3b82f6',
|
|
cyan: '#06b6d4',
|
|
purple: '#a855f7',
|
|
},
|
|
status: {
|
|
red: '#ef4444',
|
|
orange: '#f97316',
|
|
yellow: '#eab308',
|
|
green: '#22c55e',
|
|
},
|
|
boom: {
|
|
DEFAULT: '#f59e0b',
|
|
hover: '#fbbf24',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['Outfit', 'Noto Sans KR', 'sans-serif'],
|
|
mono: ['JetBrains Mono', 'monospace'],
|
|
korean: ['Noto Sans KR', 'sans-serif'],
|
|
},
|
|
borderRadius: {
|
|
sm: '6px',
|
|
md: '10px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|