안드로이드 크롬에서 컬러테마 적용

안드로이드 롤리팝에서 크롬을 사용중이라면, 어떤 사이트에 들어가면 주소창이랑 멀티태스킹키를 눌렀을 때 색깔이 변하는걸 관찰 할 수 있습니다.

예)페이스북에 접속하면 주소표시줄이 파란색으로 변합니다.

바로 theme-color속성을 가진 메타태그를 이용한 방법입니다.

현재 이 블로그에도 메뉴바랑 같은색상으로 테마가 설정되어있는데요.

적용법이 매우 쉬우니 한번 알아보도록 하겠습니다.

.

theme-color 적용 방법

skin.html에서 </head>태그 바로 앞에 다음을 추가하면 됩니다.

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


파란색 표시한 부분을 원하는 색상 코드로 바꿔주시면됩니다.

추가로, 멀티태스킹 키를 눌렀을때 나타날 썸네일 아이콘은 다음과같이 지정할 수 있습니다.

<link rel="icon" sizes="64x64" href="[##_image_##]" />

기본정보에 이미지에 업로드한 사진이 아이콘으로 나타납니다.