Apple Safari 15 이상에서 탭 막대, 모바일 기기 상태창에 색상이 표시되는 이유

아임웹으로 웹사이트를 만들고 Apple의 최신 Safari(사파리) 브라우저로 내 사이트에 접속했을 때, 브라우저 탭 막대(PC), 모바일 기기의 상태창(iPhone, iPad), 브라우저 배경에 예상치 못한 색상이 표시될 수 있습니다.

이는 아임웹 디자인 모드의 오류가 아니며, Apple Safari 15 이상 버전부터 제공하는 ‘웹 사이트 색조로 물들이기’ 옵션 때문입니다.

아임웹에서 ‘웹 사이트 색조로 물들이기’에 영향을 주는 옵션

아임웹으로 만든 웹사이트는 브랜드/링크색 에서 설정한 색상이 ‘웹 사이트 색조로 물들이기’ 옵션에 영향을 줍니다. 브랜드/링크색은 공통 디자인 설정에서 변경할 수 있으며, 자세한 방법은 아래와 같습니다.

1. 디자인 모드에 접속합니다. 접속방법
2. 디자인 모드 오른쪽 상단의 톱니바퀴 아이콘을 클릭해 공통 디자인 설정을 열어줍니다.
3. 화면 오른쪽에서 공통 디자인 설정 메뉴가 나옵니다.

4. 브랜드/링크색 옵션에 직접 컬러값을 입력하거나, 컬러픽커를 사용해 색상을 지정해 주세요.

   

5. 이제 Safari 브라우저의 탭 막대(Mac), 모바일 기기 상태창(iPhone, iPad), 브라우저 배경이 브랜드/링크색에 설정한 색상으로 표시됩니다.

‘웹 사이트 색조로 물들이기’ 설정 해제하기

‘웹 사이트 색조로 물들이기’ 옵션의 활성화 여부는 오직 Apple 기기에서만 설정할 수 있으며, 아임웹에서는 제어가 불가합니다. 만약 이 옵션을 해제하고자 한다면 아래 기기별 해제 방법을 확인해 주세요.