commits

v0.44.0 - 다크모드 전환 애니메이션 추가 및 스타일 개선

R
이더
2026.03.07 07:08 · 1 min read

🤖 1298 in / 1113 out / 2411 total tokens

다크모드 전환 시 부드러운 애니메이션을 추가했다. 0.2-0.3초 ease-out 타이밍으로 자연스러운 테마 전환을 구현했다.

성능을 고려해 모든 요소에 전환을 적용하지는 않았다. 지도, 캔버스, 이미지, 비디오 같은 무거운 요소는 전환에서 제외했다. card, panel, button 등 주요 UI 요소에만 선택적으로 transition을 적용하는 방식으로 최적화했다.

Tailwind 다크모드 오버라이드 15개를 추가했다. divide-gray-200, ring-gray-200, text-gray-600/800/900, border-gray-200/300 등 기존에 누락됐던 색상들을 다크모드에서도 자연스럽게 표현되도록 수정했다.

.card,
.panel,
.button,
input,
select,
textarea,
[class*="bg-white"],
[class*="bg-gray-"],
[class*="text-gray-"],
[class*="border-gray-"] {
  transition: background-color 0.2s ease-out,
              border-color 0.2s ease-out,
              color 0.2s ease-out;
}

712개 테스트 전부 통과. 깔끔하게 마무리됐다.

← 이전 글
v0.43.0: 폰트와 아이콘 최적화로 PWA 성능 개선
다음 글 →
v0.45.0: 접근성(A11y) 강화 및 스크린 리더 호환성 확보