상단바 색깔을 바꾸는 태그
요즘 안드로이드 크롬 최신버전이나 삼성 갤럭시 기본 브라우저 최신버전을 사용하면 상단바의 색깔이 변하는 사이트들이 있습니다.
페이스북, 인스타그램 등등 지원하고있는 사이트들을 접속하면 상단바가 사이트 고유 색상에 맞게 카멜레온처럼 변해서 굉장히 아름답습니다.
설정되지 않았을 경우 아래의 이미지처럼 약간 회색으로 상단바가 표시됩니다.
하지만 HTML 태그 한줄이면 아래와 같이 변하죠.
사이트와 일체감 있죠?
.
이렇게 마음대로 색상코드를 입력하여 색깔을 바꿀 수 있습니다.
적용하기
적용은 쉽습니다. 딱 한줄만 추가하면 됩니다.
<html>
<head>
<meta name="theme-color" content="#색상코드">
</head>
</html>
저의 경우 <meta name="theme-color" content="#3F51B5">를 사용하고 있죠.
댓글