feat(calendar): 캘린더 화면 디자인 리뉴얼 + 다크 모드 활성화#52
Merged
Conversation
본 PR 은 이슈 #51 캘린더 화면 디자인 리뉴얼을 적용한다. ## 컴포넌트별 변경 - `CalendarTotalAmountView`: selectedType 분기 제거, `.bgSecondary` 카드 + `.textSecondary` 라벨 + `.textPrimary` 금액으로 통일 - `DoriSegmentControl`: 선택 pill `.bgPrimary` 단일, 선택/비선택 텍스트 `.textPrimary`/`.textSecondary` - `CalendarDayCell`: selectedType 분기 유지하되 judori 강조 색을 `secondary` → `brandMain` 업그레이드 (오늘 원형 + 이벤트 dot) - `MonthSelectorView`: SwiftUI 시스템 폰트 → `pretendard(.body(.sb2))` 토큰화, chevron `.textPrimary` 명시 - `CalendarView`: ScrollView 에 `.background(.bgPrimary)` 추가 — 다크 모드에서 페이지/네비 bg 가 iOS 시스템 default 노출되던 문제 fix - `FloatingActionButton`: plus icon `.white` 리터럴 → `.foregroundStyle(.bgPrimary)` 토큰화 (다크에서 #111111 검정 plus) - `DoriApp`: `.preferredColorScheme(.light)` 가드 제거 — PLAN(3) 다크 sweep 완료로 활성화 ## 검증 - iPhone 16 시뮬레이터 스냅샷 6장 재기록 (CalendarGrid 2 + DoriSegmentControl 4), 회귀 시나리오로 detection alive 증명 - iPhone 17 Pro / iOS 26.4 시뮬레이터 라이브 검증 (라이트/다크 두 모드 모두 figma mockup 매치) ## 문서 - `docs/decision/calendarRedesign/redesignCalendarScreen/{PLAN.md, Implementation.md}` 신설 ## 디자이너 확답 (2026-06-06) - Q1/Q2: 컨테이너(TotalAmount, Segment) bg/text 색 selectedType 무관 (unification) - Q3/Q4: DayCell 오늘 원형 + 모든 current-month dot 은 selectedType 분기 유지 Closes #51 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
secondary→brandMain업그레이드CalendarViewScrollView 의.background(.bgPrimary)누락 수정 — 다크 모드에서 페이지/네비 bg 가 iOS 시스템 default 노출되던 문제 fixDoriApp의.preferredColorScheme(.light)가드 제거 — PLAN(3) 다크 sweep 완료로 활성화. FAB plus icon 도.bgPrimary토큰화 (다크 #111111)변경 표
CalendarTotalAmountViewsecondary+onBrand· baddori →bgSecondary+textSecondarybgSecondarybg +textSecondary라벨 +textPrimary금액DoriSegmentControl선택 pillsecondary· baddori →textSecondarybgPrimary(containerbgSecondary위 contrast pill)CalendarDayCell오늘 원형 / dotsecondary· baddori →textSecondarybrandMain· baddori →textSecondaryMonthSelectorView.title2/.title3시스템 폰트pretendard(.body(.sb2))+ chevron.textPrimaryCalendarView페이지 bg.background(.bgPrimary)FloatingActionButtonplus icon.foregroundColor(.white)리터럴.foregroundStyle(.bgPrimary)토큰DoriAppcolor scheme.preferredColorScheme(.light)강제디자이너 확답 (2026-06-06)
brandMain으로 업그레이드 ✓Test plan
미검증 영역 (후속 작업)
CalendarGridSnapshotTests가emptyMonth케이스만 있어 Phase D 의 DayCell judori 색 업그레이드 + dot 변경이 baseline 으로 굳지 않음. populated month + today highlight 케이스 신설 별건 권장.Brand/Secondarycolorset 이 본 PR 후 거의 dead code 화. 완전 제거는 후속 별건.OnBrandcolorset 불일치 (DESIGN.md 는 dark=#FFFFFF, 실제 #111111) — 별도 audit.Related Docs
docs/decision/calendarRedesign/redesignCalendarScreen/PLAN.mddocs/decision/calendarRedesign/redesignCalendarScreen/Implementation.mdCloses #51
🤖 Generated with Claude Code