본문 바로가기

모바일 크롬 다크모드 설정

모바일 크롬 다크모드 설정.핸드폰에서 웹브라우저를 통해서 인터넷 검색을 할 경우는 굉장히 많습니다.

보편적으로는 기본적으로 탑재가 되어 있는 브라우저를 쓰게 됩니다. 아무래도 손에 익숙하고 큰 불편함이 없으면 계속 사용을 하게 됩니다.

이러한 부분은 사람마다 다르므로 오늘은 모바일 크롬에서 다크모드 설정을 하는 방법을 알려드리겠습니다.요즘은 어떤 프로그램이라도 사용자가 손쉽게 이용할 수 있는 형태의 ui를 가지고 있으므로 간단하게 변경을 하실 수 있습니다.

우선적으로 모바일 크롬을 실행을 하시고 오른쪽 위의 점3개가 있는 메뉴를 펼치시면 설정 하는 부분이 나옵니다.

보편적으로 요즘은 어느 사이트라도 모바일에는 별도로 최적화가 되어 있는 화면이나 레이아웃이 기본적으로 있습니다. 따라서 폰에서 pc버전의 화면을 보고 싶을 경우는 이 메뉴 아래쪽 항목에 보시면 데스크톱 사이트 옵션을 체킹을 하시면 보실 수 있습니다.

모바일 크롬에서 다크모드를 완벽히 설정 하려면 크게 2가지를 설정을 해야 합니다.

1.모바일 크롬 테마 변경

모바일 크롬의 설정 페이지 아래쪽에 보시면 테마란을 찾으실 수 있습니다.

여기에서 모바일 크롬 다크모드 설정을 하실 수 있습니다.

설정 방법은 간단한데 옵션 항목중에 어둡게를 선택을 하시면 브라우저가 어두운 색 및 배경으로 바뀌게 됩니다. 실시간 반영이 되므로 바로 확인을 하실 수 있습니다.

기본값으로는 시스템 기본값인데 밝게로 설정이 되어 있어서 흰색의 배경이나 메뉴를 보여주게 됩니다.

모바일 크롬 다크모드를 설정을 하고 나면 바로 상단쪽 색깔과 하단쪽 색깔이 흰색에서 어두운 색으로 바뀌는것을 알 수 있습니다.

전체적인 테마가 바뀌게 됩니다.

그러나 이렇게 되어도 브라우저 검색을 하다보면 컨덴츠 영억은 웹사이트에서 설정한 색이거나 기본 배경색 흰색으로 나오게 됩니다.

이를 강제적으로 설정을 해서 다크모드로 바꿀 수 있습니다.

2.모바일 크롬 다크모드

모바일 크롬 브라우저의 주소 목록창에 아래와 같이 입력을 해줍니다.어렵지 않는 과정이니 그림대로 차분히 따라하시면 됩니다.

chrome://flags

브라우저 내부 설정페이지로 들어오셔서 보시면 검색창이 또 있습니다. 여기에 dark mode라고 입력을 해줍니다.

그러면 Experiments 항복 아래에 Available탭의 Force Dark Mode for Web Contents란 항목을 보실 수 있습니다.

기본값은 Default로 되어 있습니다. 이 부분을 선택을 해서 바꿔 주시면 됩니다.

선택을 해보시면 꽤 다양한 목록을 찾으실 수 있지만 따로 선택을 할 필요 없이 Default 아래쪽에 Enabled를 선택을 하시면 됩니다. 이후부터는 웹페이지 내부도 어두운 색의 배경이 적용이 됨을 알 수 있습니다.

이 부분을 설정을 하셧으면 Your change will take effect the next time you relaunch Google Chome 메세지가 나오고 Relaunch 항목이 나옵니다.

다크 모드 변경을 하였으니 적용을 하려면 모바일 크롬 웹브라우저를 새로 실행 해야 하니 Relaunch를 누르시면 됩니다.

네이버의 경우 한번 보실까요. 안드로이드 크롬의 테마의 어둡게를 선택을 해도 컨덴츠 배경이 흰색으로 나오던 부분이 오른쪽처럼 어둡게 변하였습니다. 이로써 전체적인 모바일 크롬 다크모드 설정은 완료가 되었습니다.

chrome://flags에서의 다크모드 설정은 enable말고도 선택적으로 다크 모드를 적용할 수 있는 옵션이 있지만 잘 사용이 되진 않습니다.

Enabled with simple HSL-based inversion : 심플한 hsl 기반 반전

Enabled with simple CIELAB-based inversion : CIELAB기반 반전
Enabled with simple RGB-based inversion : RGB기반 반전
Enabled with selective image inversion : 선택적 이미지 반전
Enabled with selective inversion of non-image elements : 이미지가 아닌것에 대한 선택적 반전등이 있습니다.

각각 항목을 세세하게 적용을 해보시면 시각적으로 확인을 하실 수 있지만 보편적으로는 단순 enabled 옵션만 켜서 모바일 크롬 다크모드 적용을 완료하게 됩니다.

이렇게 하여 이번시간은 모바일 크롬에서 어둡게 하여 눈을 편하게 하는 방법을 알아보았습니다. 핸드폰을 사용할 때 주변 형광등이나 조명도 밝으면 배경이 흰색이라도 눈이 아프지 않는데 어둡거나 불을 끄고 폰화면을 볼때는 밝기를 줄이는것도 좋지만 이렇게 브라우저 다크모드를 이용하는것도 한결 좋게 만들어 줍니다.