Dark Mode (다크 모드)
Cals는 현재 다크 모드를 지원하지 않습니다. 향후 업데이트에서 제공될 예정입니다.
다크 모드 지원 현황
현재 상태
- ✅ 라이트 모드 (현재 지원)
- ❌ 다크 모드 (미지원)
- ❌ 시스템 설정 따르기 (미지원)
- ❌ 사용자 설정 토글 (미지원)
향후 계획
Cals의 다크 모드는 Foundation과 동일한 일정으로 제공될 예정입니다:
- Phase 1: 다크 모드 디자인 토큰 정의
- Phase 2: Cals 브랜드 컬러 + Booking Status 다크 모드 변환
- Phase 3: 컴포넌트 다크 모드 지원
- Phase 4: 자동 모드 전환 및 토글 UI
예상 다크 모드 컬러
/* Cals Dark Mode (예상) */
:root[data-theme="dark"] {
/* Primary (Pink) - 밝기 조정 */
--color-cals-primary-500: #f06292;
/* Secondary (Blue) - 밝기 조정 */
--color-cals-secondary-500: #4fc3f7;
/* Accent (Purple) - 밝기 조정 */
--color-cals-accent-500: #ba68c8;
/* Booking Status - 다크 모드 변환 */
--color-booking-available: #66bb6a;
--color-booking-pending: #ffa726;
--color-booking-confirmed: #29b6f6;
--color-booking-cancelled: #ef5350;
--color-booking-completed: #ab47bc;
/* Background */
--color-bg-default: #171717;
--color-bg-paper: #262626;
}업데이트 안내
다크 모드 지원이 추가되면 다음 방식으로 안내됩니다:
다음 단계
Last updated on