웹 페이지에서 사파리 15 탭 바 칼라 지정하기


 

사파리 테마 칼라

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

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

 

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

<meta name="theme-color" content="#ecd96f">

 

라이트와 다크 모드에서 따로 설정할 수 있다

<meta name="theme-color" content="#ecd96f" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0b3e05" media="(prefers-color-scheme: dark)">

 

 

사파리 탭바의 색이 바뀌는게 싫으면 아이폰, 아이패드, 맥의 사파리에서 탭바 색을 끌 수 있다.







일부 글에 제휴 링크가 포함될 수 있으며 파트너스 활동으로 일정액의 수수료를 받을 수 있습니다.



추천 글



















스마트주식계산기

성공적인 주식투자를 위한 다양한 주식계산기: 손익률, 손익단가, 매수량, 물타기/불타기 평단가, 평단가 필요자금, 매도가, 퍼센트 등등












Add a Comment

이메일 주소는 공개되지 않습니다.

































채널추가 버튼을 누르면 카카오톡 뷰에서 볼 수 있습니다.