Dark Mode
Light/Dark 모드를 한 번에 지원하기
2 min read
Layerz 는 Light 모드와 Dark 모드를 함께 지원합니다. 디자인할 때 두 모드를 모두 고려해 두면, 사용자의 기기 설정에 따라 앱이 알맞게 보입니다.
색상으로 지원하기
모든 Color 는 Light 모드 값과 Dark 모드 값을 한 쌍으로 지정할 수 있습니다. Inspector 에서 색상을 정할 때 두 모드 값을 각각 설정합니다.
배경색과 글자색에 OS 가 제공하는 시스템 색상을 쓰면, 별도 작업 없이도 Dark Mode 가 자동으로 지원됩니다. 가장 쉽고 안전한 방법입니다.
확인하기
Preview 중에 Light/Dark 테마를 즉시 전환해 양쪽 모드에서 앱이 어떻게 보이는지 바로 확인할 수 있습니다.
처음부터 시스템 색상(배경/라벨 색 등)을 사용하면 Dark Mode 대응이 거의 자동으로 끝납니다.