사파리 탭바 테마 칼라 없애기 (아이폰, 아이패드, 맥)


2021년 9월 20일에 사파리 15로 업데이트 되면서 상단 탭바에 칼라가 적용되는 기능이 추가되었다.

 

 

사파리 테마 칼라

사파리 테마 칼라란 웹 페이지의 칼라를 사파리 브라우저의 탭바에 적용하는 것을 말한다.

이건 사이트의 칼라 아이덴티티를  사파리의 상단에서 알 수 있게 만든 것 같다.  특히  아이폰 같은 작은 크기의 화면에서 화면 전체에 사파리만 보이는 상황에서  스크롤할때 상단에 칼라 테마를 적용한다.

 

사파리는 HTML의 메타태그에 아래와 같은 코드가 있으면 적용한다.  이 메타태그가 없으면 사파리가 컨텐트의 칼라 중에서 자동으로 선택한다.

<meta name="theme-color" content="#1a5d8d">

 

 

칼라 테마가 반영되는 사이트 몇개를 캡처 해보았다.  칼라 측면에서는 이뻐 보인다. 일관성도 있고.

 

칼라 메타 테그가 없으면 상단의 색을 적용하는것 같다. 애플 사이트는 검정색으로 적용될때도 있고 안될때도 있다. 소니는 검정색이 반영된다.

 

내 블로그는 배경이 흰색이라 사파리 탭 바도 흰색이 된다.

시원해서 더 좋은 것 같다.

 

그런데 그냥 볼때는 이쁜데 , 아이폰이나 아이패드, 맥에서 사이트를 들어갈 때 마다 상단의 색이 바뀌니 난 정신 사납다.

아이폰이야 한 화면에 사파리가 가득차니깐 사파리만 쓴다면 어느 사이트를 쓰는지 칼라 코딩을 하면 좋을 수 있지만, 맥은 화면이 크니 여러 앱을 사용한다. 그래서 웹 사이트를 바꿀 때 마다 상단 바가 색이 바뀌니 더 정신이 없다.

이쁘고 재미있는 칼라 테마도 좋지만, 컨텐트에 집중이 잘 안되고, 칼라 때문에 탭바가 잘 안보인다.

그래서 끄는 방법을 찾아 보았다.

 

 

맥의 사파리 탭 바 색깔 끄기

사파리 환경 설정에서 끌 수 있다.

  1. 사파리 환경 설정을 연다.
  2. 탭을 열고 탭 레이아웃 아래의 ‘탭 막대에서 색상 보기’를 끄면 된다.

 

 

 

아이폰 및 아이패드의 사파리 탭 바 색깔 끄기

아이폰이나 아이패드에서는 기기의 설정에서 끄거나 켤 수 있다.

  1. 설정앱을 연다
  2. 설정에서 사파리를 연다
  3. 탭 섹션에서 ‘웹 사이트 색조 허용’ 을 끄면 된다.

 







추천 글





0 글이 마음에 드시면 하트를 눌러주세요~ 블로거에게 힘이 됩니다 (SNS/로그인/광고 관련 없습니다)



당신이 좋아할 만한 글







108배 절운동 절수행터
4.9
자동으로 인식해서 음성으로 세주는 108배 카운터












Add a Comment

이메일 주소는 공개되지 않습니다. 필수 항목은 *(으)로 표시합니다































이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받고 있습니다.