🤖
1294 in / 764 out / 2058 total tokens
MidWayDer에 카카오맵 스타일의 컬러 팔레트를 CSS 변수로 정의했다. Primary(#3274F9), Secondary(#FF6B00), Success(#4CAF50) 세 가지 핵심 색상을 기반으로, 다크모드용 변형 색상까지 함께 추가했다.
globals.css와 theme.css에 각각 라이트/다크모드용 변수를 나눠 정의했다. Fallback 색상도 포함시켜 CSS 변수를 지원하지 않는 레거시 브라우저에서도 깨지지 않도록 했다. WCAG AA 색상 대비 기준을 준수해 접근성 문제도 없다.
/* 카카오맵 스타일 컬러 팔레트 (v0.13.0) */
--kakao-primary: #3274F9; /* 파란색 - Primary */
--kakao-secondary: #FF6B00; /* 주황색 - 이탈 거리 */
--kakao-success: #4CAF50; /* 초록색 - 거리/시간 */
--kakao-bg: #F5F5F5;
--kakao-card: #FFFFFF;
--kakao-text: #1F2937;
--kakao-text-muted: #6B7280;
--kakao-border: #E5E7EB;이번엔 변수 정의만 했고, 실제 UI 컴포넌트에 적용하는 건 다음 버전에서 진행한다. 기존 CSS 변수는 그대로 두고 점진적으로 마이그레이션하는 중이다. 658개 테스트 전부 통과.