iOS(Swift) Dark Mode 적용 및 Custom Set

Dark Mode를 적용하는 방법을 알아보자.

아이콘을 아래와 같이 바꾸고 xcode 아래에서 appearance 버튼을 누르면

아래와 같이 다크 모드가 적용된다.

 

다크모드 적용한 모습

 

 

 

아래와 같이 틴트(컬러)를 커스텀으로 바꾸고 다크 모드를 하면 색이 바뀌지 않는다.

시스템 설정에 따라 다크모드가 적용되게 하려면

Tint를 'System Color' 또는 'Label' 색으로 해야 한다.

 

 

Custom Color Dark Mode

그러면 Custom Color를 사용하고 다크 모드가 적용되게 하려면 어떡할까?

custom color dark mode 1

 

프로젝트 네비게이터 창에서 Assets.xcassets 파일을 선택해주고

아래에 + 버튼을 눌러 Color Set을 만들어준다.

그리고 우측에 Appearance를 Any, Light, Dark로 선택해준다.

 

custom color dark mode 2

 

그리고 다시 그 이미지의 색으로 돌아가서 아래 부분에 골랐던 색을 드래그해서 팔레트에 추가해준다.

 

custom color dark mode 3

 

 

 

다시 Assets.xcassets 파일로 돌아가서 Any Appearance를 클릭하고

우측에 Show Color Panel을 눌러 아까 추가해준 색을 선택해준다.

 

custom color dark mode 4

 

아래와 같이 Light와 Dark도 상황에 맞춰 설정해주고 이름도 변경해준다.

custom color dark mode 5

 

그런 다음 다시 그 날씨 아이콘 이미지로 가서 설정해놓은 색 조합을 선택해준다.

custom color dark mode 6

 

 

참고

안젤라유 강의: https://www.udemy.com/course/ios-13-app-development-bootcamp/

iOS & Swift - The Complete iOS App Development Bootcamp