b12192eddf
- 7C.1 theme.ts 확장 [ba4d6e4] — color/shadow/font.display/animations 추가 - 7C.2 Phosphor React Icon 어댑터 [0d2303a] — 57 아이콘 매핑 - 7C.3 Inter + JetBrains Mono next/font [140a7c3] — CSS variable 바인딩 - 7C.4 primitives.tsx 증축 [b9874ad] — Button white, Card glow, StatCard, KbdHint, PageHeader, AppShellLayout - 7C.5 Toast 컴포넌트 [eb10dfe] — slideIn + undo + progress ring + hover pause 통합 빌드: 16/16 페이지 생성, TS 에러 0. 다음: Phase 7A (KICE PDF 파싱 파이프라인).
31 lines
1.7 KiB
JSON
31 lines
1.7 KiB
JSON
{
|
|
"task_id": "7C.1",
|
|
"title": "theme.ts 확장 — 디자인 파일 토큰 이식",
|
|
"goal": "사용자 디자인 파일 12종에 등장하는 모든 토큰(색상/그림자/애니메이션/폰트)을 기존 theme.ts 에 추가. 기존 토큰은 그대로 유지.",
|
|
"checks": [
|
|
"color.bgDeep = '#0F0F14' (디자인 1 dashboard body 배경)",
|
|
"color.surfaceDeep = '#15151C'",
|
|
"color.surfaceHoverDeep = '#1A1A24' (기존 surfaceHover '#242c4a' 와 별개로 새 키 추가)",
|
|
"color.borderSoftAlpha = 'rgba(255,255,255,0.06)' (디자인 테두리)",
|
|
"color.borderBrightAlpha = 'rgba(255,255,255,0.12)'",
|
|
"color.brandIndigo = '#4F46E5', brandViolet = '#7C3AED'",
|
|
"color.brandGradient: helper or CSS string — 'linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%)'",
|
|
"color.textMainBright = '#F8FAFC'",
|
|
"shadow 추가: glowIndigo = '0 0 15px rgba(79,70,229,0.3)', glowIndigoStrong = '0 0 20px rgba(79,70,229,0.5)', glowViolet = '0 0 15px rgba(124,58,237,0.3)', cardElevated = '0 10px 40px rgba(0,0,0,0.5)'",
|
|
"keyframes / animation: fadeInUp, float (6s ease-in-out infinite), slideToast, shimmer — styled-components keyframes 로 export",
|
|
"font.display = \"'Inter', 'Inter Tight', -apple-system, sans-serif\" (디자인의 big number 폰트 대응)",
|
|
"기존 theme.color.bg, surface, surface2, surfaceHover, border, textMain 등은 유지 (backward compat)",
|
|
"PERSONA_ORDER export 유지"
|
|
],
|
|
"non_goals": [
|
|
"기존 토큰 이름 변경",
|
|
"Tailwind 도입",
|
|
"global CSS 변경 (GlobalStyle 은 다른 태스크)"
|
|
],
|
|
"runtime_validation": [],
|
|
"risk_flags": [],
|
|
"reviewer_profile": "static",
|
|
"effort_score": 1,
|
|
"deliverable": "frontend/src/styles/theme.ts"
|
|
}
|