테마 선택 화면에 Figma 디자인을 적용한다

[opficdev]

🔗 연관된 이슈

• closed 테마 선택 화면에 Figma 디자인을 적용한다 #859

🎯 의도

테마 선택 화면을 카드 중심 구조로 개편하고 시스템, 라이트, 다크 테마의 기존 저장 및 적용 동작 보존

커스텀 탑바를 사용하는 화면의 배치를 safe area 기준으로 통일하고, 숨겨진 navigation bar에서도 interactive pop 상태가 정상적으로 동기화되도록 구성

📝 작업 내용

📌 요약

• 테마 선택 화면의 카드형 선택 UI 구성
• 커스텀 탑바와 필터 영역의 safe area 배치 통일
• interactive pop 완료와 취소 상태 구분
• 화면 표시 상태와 navigation stack 상태 동기화
• 설정 화면의 행 높이, 모서리, 입력 배경색 정리

🔍 상세

• 시스템, 라이트, 다크 테마별 아이콘과 iconStyle 적용
• 선택된 테마의 체크 상태 표시 및 기존 테마 변경 동작 유지
• ThemeView에 커스텀 탑바와 .toolbarBackground() 적용
• HomeView, TodayView, PushNotificationListView, GoalDetailView 등 직접 구성한 헤더를 safeAreaInset 기반으로 정리
• navigationDestination(item:interactivePop:)과 navigationDestination(isPresented:interactivePop:) 추가
• interactive pop 완료 시 destination Binding 정리
• interactive pop 취소 시 기존 destination 상태 유지
• UIComposable 기반으로 UIKit navigation gesture 연결
• 개발 기록 상세 화면을 pop한 뒤 같은 기록으로 다시 진입할 수 있도록 상태 동기화
• 회원 탈퇴 행의 높이와 모서리를 다른 단일 행 카드와 통일
• 상태 메시지 입력 영역의 배경색을 카드 내부 색상과 통일
• dismiss.callAsFunction 호출을 { dismiss() } 표현으로 통일

📸 영상 / 이미지 (Optional)

라이트 모드	다크 모드

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-09-25T01:31:53.661707Z	4c67ac7	PR opened

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.