Notice
Recent Posts
Recent Comments
Link
«   2024/06   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
Archives
Today
Total
관리 메뉴

iOS 개발 노트

🪴라이트 모드 & 다크 모드를 위한 커스텀 컬러 만드는 방법 본문

Xcode

🪴라이트 모드 & 다크 모드를 위한 커스텀 컬러 만드는 방법

Daeyun Kwon 2024. 6. 12. 19:41

Assets를 열고 + 버튼을 선택한다.

 

 

나타나는 메뉴에서는 Color Set을 선택해 준다.

 

 

라이트 모드일 때는 흰색이고, 다크 모드 일 때는 검은색으로 설정할 예정으로,

컬러셋의 이름은 WhiteToDark 정도로 설정해 둔다.

 

 

우측 인스펙터 영역에서 Appearances를 Any, Light, Dark로 설정해 준다.

 

 

라이트 모드일 때와 다크 모드일 때 표현하고 싶은 색상을 지정해 주면 끝!

 

 

다음과 같이,
UIColor 클래스에서 추가가 잘 되어 있음을 확인해 볼 수 있다.

 

 

참고사항

Any Appearance라는 게 있는데,
이는 다크모드가 등장하기 이전인 iOS 12 이하 버전과의 호환성을 위해 사용되는 것이다.
iOS 12 이하 버전에서는 Any로 맞추고, iOS 13 이상 버전 기기에 대해서는 Light, Dark를 따로 적용하고 싶다면 해당 옵션을 사용하면 된다.

 

사실 Any(라이트 모드용 색상 선택)와 Dark(다크 모드용 색상 선택)만 선택해도 충분하다.