이메일 콘텐츠의 다크 모드 dark-mode

이메일 디자인 공간에서 이메일 콘텐츠를 엽니다.

캔버스의 오른쪽 맨 위에는 컨텐츠 표시를 밝은 모드(기본값)와 어두운 모드 간에 전환하는 밝은 어두운 선택기가 있습니다.

{width="700" modal="regular"}

선택기를 어두운 모드( )로 변경합니다.

캔버스에는 기본 어두운 모드 preview.x를 사용하여 콘텐츠가 표시됩니다

기본적으로 어두운 모드 미리 보기는 이미지와 아이콘을 제외한 모든 요소에 full color invert 색 구성표를 적용합니다. 이 색상 구성표는 밝은 요소와 어두운 요소가 있는 영역을 탐지하고 반전시킵니다. 밝은 배경은 어둡고 어두운 텍스트가 밝아지거나 어두운 배경은 밝고 밝은 텍스트가 어두워집니다.

{width="700" modal="regular"}

필요한 경우 선택기를 디자인 캔버스의 오른쪽 상단에 있는 어두운 모드( )로 이동합니다.

텍스트, 배경 또는 단추와 같은 모든 스타일 색상 속성을 편집합니다.

{width="700" modal="regular"}

이미지 및 아이콘의 경우 다크 모드에만 특정 에셋을 정의합니다.

이미지와 아이콘의 색상을 변경할 수는 없지만 다크 모드에 사용할 대체 에셋을 정의할 수는 있습니다. 아이콘에 대해 다양한 색상 조합을 실험하거나 사진 이미지의 색상 및 채도를 조정할 수 있습니다.

{width="80%"}

이미지를 선택하고 설정 창의 전용 토글을 사용하여 어두운 모드(으)로 전환하십시오. 그런 다음 다른 이미지 자산을 선택합니다.

{width="700" modal="regular"}

이미지 자산 선택에 대한 자세한 내용은 이미지 자산 추가를 참조하십시오.

디자인을 변경하는 동안 언제든지 라이브 보기로 전환​을 선택하여 콘텐츠가 다양한 장치 크기에서 어떻게 렌더링되는지 확인하십시오.

이 보기에서 선택기를 어두운 모드( )로 변경하여 다른 장치에서 콘텐츠의 어두운 모드 버전을 미리 봅니다.

{width="800" modal="regular"}

다크 모드 변경이 완료되면 콘텐츠 시뮬레이션​을 클릭하세요.

{width="700" modal="regular"}

미리 보기 및 증명 도구를 사용하여 이메일 디자인을 테스트합니다. 자세한 내용은 전자 메일 콘텐츠 미리 보기 및 테스트를 참조하십시오.

Litmus Enterprise 계정이 있는 경우 전자 메일 렌더링​을 선택하여 Litmus의 다양한 전자 메일 클라이언트에 대한 최종 다크 모드 렌더링을 확인합니다.

자세한 내용은 Litmus를 사용하여 전자 메일 렌더링 테스트를 참조하십시오.