[iOS]<MemoApp>Dark Mode

RudinP·2023년 11월 24일
0

Study

목록 보기
124/227

Dark Mode

XCode 하단 바를 보면 다크 모드 온오프 토글이 있다.

시스템상에서 기본으로 지원하는 색상을 썼을 경우엔 자동으로 다크모드가 적용된다.
현재 메모 앱에서 직접 색상을 지정한 부분은 날짜 셀의 레이블이다.

  • 라이트 그레이로 설정해뒀기 때문에 가독성엔 문제가 없으나, 다크 그레이와 같은 색상으로 할 경우 가독성이 떨어진다.

다크 모드 대응 방법

  1. 다크 모드를 지원하는 시스템 색상을 사용한다.
  • System, Secondary, Tertiary로 시작하는 색상 사용
  • 다만 색상이 제한적
  1. Asset에 Color Set을 추가하여 커스터마이징

Asset에 Color Set 추가


  • 만약 Dark color well이 보이지 않는다면, 어트리뷰트 탭에서 AppearancesAny, Dark로 변경해주면 표시된다.

다시 메인스토리보드로 돌아가 컬러탭을 보면

추가한 컬러가 있음을 확인 가능하다.
다만 주의할 것은, iOS10 이하의 버전은 Named Color 시스템을 제공하지 않는다. 코드로 직접 작성 후 분류하여 작동하도록 해야한다.

실행 결과

라이트모드

다크모드

profile
곰을 좋아합니다. <a href = "https://github.com/RudinP">github</a>

0개의 댓글