Skip to Content
FoundationsCalsDark Mode (다크 모드)

Dark Mode (다크 모드)

Cals는 현재 다크 모드를 지원하지 않습니다. 향후 업데이트에서 제공될 예정입니다.

다크 모드 지원 현황

현재 상태

  • ✅ 라이트 모드 (현재 지원)
  • ❌ 다크 모드 (미지원)
  • ❌ 시스템 설정 따르기 (미지원)
  • ❌ 사용자 설정 토글 (미지원)

향후 계획

Cals의 다크 모드는 Foundation과 동일한 일정으로 제공될 예정입니다:

  1. Phase 1: 다크 모드 디자인 토큰 정의
  2. Phase 2: Cals 브랜드 컬러 + Booking Status 다크 모드 변환
  3. Phase 3: 컴포넌트 다크 모드 지원
  4. 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