크롬 모바일 상단바 색상 변경

 구글 크롬 모바일에서 상단바의 색상을 조정할 수 있다.

일반적인 페이지는 다음과 같이 보이는데

다음과 같이 다른 색상으로 변경할 수 있다.

모바일에서 크롬을 사용하다보면 어쩔 수 없이 상단바가 계속 노출이 된다. 이를 숨기고는 싶어도 전체화면 외에는 되지도 않으므로 곤란할때가 있다.

어짜피 계속 노출이 될 상단바라면 차라리 내 페이지에 어울리는 색상으로 지정하여 자신의 웹과 어울리도록 하는 것이 좋은 방안이 아닐까 생각된다.

방법은 어렵지 않다. 다음 메타 태그를 head태그 안에 추가하면 된다.

<meta name="theme-color" content="원하는 색상 코드">

혹시 몰라서 이야기를 하는 것 이지만, 색상 코드는 #000000 이런 방식이다.