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


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

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

사파리 테마 칼라

사파리 테마 칼라란 웹 페이지의 칼라를 사파리 브라우저의 탭바에 적용하는 것을 말한다.
이건 사이트의 칼라 아이덴티티를  사파리의 상단에서 알 수 있게 만든 것 같다.  특히  아이폰 같은 작은 크기의 화면에서 화면 전체에 사파리만 보이는 상황에서  스크롤할때 상단에 칼라 테마를 적용한다.
 
사파리는 HTML의 메타태그에 아래와 같은 코드가 있으면 적용한다.  이 메타태그가 없으면 사파리가 컨텐트의 칼라 중에서 자동으로 선택한다.

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

 
 
칼라 테마가 반영되는 사이트 몇개를 캡처 해보았다.  칼라 측면에서는 이뻐 보인다. 일관성도 있고.
사파리 탭바 테마 칼라 없애기 (아이폰, 아이패드, 맥)
 
칼라 메타 테그가 없으면 상단의 색을 적용하는것 같다. 애플 사이트는 검정색으로 적용될때도 있고 안될때도 있다. 소니는 검정색이 반영된다.
사파리 탭바 테마 칼라 없애기 (아이폰, 아이패드, 맥)
 
내 블로그는 배경이 흰색이라 사파리 탭 바도 흰색이 된다.
시원해서 더 좋은 것 같다.
사파리 탭바 테마 칼라 없애기 (아이폰, 아이패드, 맥)
 
그런데 그냥 볼때는 이쁜데 , 아이폰이나 아이패드, 맥에서 사이트를 들어갈 때 마다 상단의 색이 바뀌니 난 정신 사납다.
아이폰이야 한 화면에 사파리가 가득차니깐 사파리만 쓴다면 어느 사이트를 쓰는지 칼라 코딩을 하면 좋을 수 있지만, 맥은 화면이 크니 여러 앱을 사용한다. 그래서 웹 사이트를 바꿀 때 마다 상단 바가 색이 바뀌니 더 정신이 없다.
이쁘고 재미있는 칼라 테마도 좋지만, 컨텐트에 집중이 잘 안되고, 칼라 때문에 탭바가 잘 안보인다.
사파리 탭바 테마 칼라 없애기 (아이폰, 아이패드, 맥)
그래서 끄는 방법을 찾아 보았다.
 
 

맥의 사파리 탭 바 색깔 끄기

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

  1. 사파리 환경 설정을 연다.
  2. 탭을 열고 탭 레이아웃 아래의 ‘탭 막대에서 색상 보기’를 끄면 된다.
    사파리 탭바 테마 칼라 없애기 (아이폰, 아이패드, 맥)

 
 
 

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

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

  1. 설정앱을 연다
  2. 설정에서 사파리를 연다
  3. 탭 섹션에서 ‘웹 사이트 색조 허용’ 을 끄면 된다.
    사파리 탭바 테마 칼라 없애기 (아이폰, 아이패드, 맥)

 







제휴 링크로 구매 시 제휴마케팅 활동의 일환으로 일정액의 수수료를 지급받아 콘텐츠를 제작하는데 큰 도움이 됩니다.



도움이 되셨다면, 댓글이나 소중한 커피 한 잔 부탁드려도 될까요?

커피 사주기
























당신이 좋아할 만한 글







플랭크스타: 플랭크 타이머

목표 시간, 세트 등 다양한 방식을 지원하는 플랭크 타이머, 음성 안내, 일별/월별/연도별 운동 기록 관리









Add a Comment

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다