웹 페이지를위한 Chrome의 강제 다크 모드가 모든 플랫폼에 제공됩니다

OLED 스마트 폰 디스플레이의 채택이 증가함에 따라 다양한 플랫폼에서 다크 모드가 인기를 얻고 있습니다. Android Q는 기본 어두운 모드를 제공하므로 많은 개발자가 앱에서 기본 어두운 모드를 경험할 수 있습니다. Google 자체는 Google 검색, 사진, Keep, 파일 등을 비롯한 많은 앱에서 어두운 모드에 대한 개별 토글을 추가했습니다. 한편, Chrome에서 웹 사이트를 어두운 모드로 렌더링하려는 시도가 여러 차례 있었으며 웹 전체에서 UI 요소의 폭이 넓어 앱에 비해 시간이 오래 걸리는 것 같습니다.

4 월에 Google은 베타 버전의 브라우저에서 어두운 모드를 사용하기 위해 Chrome 플래그를 추가했습니다. 이는 실제로 Chrome 버전 74의 사용자 인터페이스 전체에서 색상을 반전시키는 방식으로 작동했습니다. 결국 Chrome 77 업데이트로 인해 어두운 모드에서 이미지가 반전되는 것을 제외하면 어두운 모드가 눈에 띄게 향상되었습니다. 그러나 이제 모든 웹 사이트에서 어두운 모드를 강제 적용하는 완전한 옵션으로 이전 어두운 모드를 대체하는 새로운 Chrome 플래그가 있습니다. 이 옵션을 사용하면 색상을 되돌 리거나 이미지의 가독성을 떨어 뜨리지 않고 모든 웹 사이트에서 배경을 사용할 수 있습니다.

Chrome에서 웹 페이지에 강제 어두운 모드를 사용하는 방법

  1. 새로운 기능과 실험적인 기능으로 매일 업데이트되는 브라우저의 저개발 버전 인 Chrome Canary를 다운로드하십시오.
  2. 주소 표시 줄에 chrome : // flags 를 입력하십시오. 여기에는 Chrome의 실험 기능에 대한 Chrome 플래그 또는 토글이 있습니다.
  3. 페이지의 검색 막대에서 웹 컨텐츠에 대해 강제 어두운 모드를 찾으십시오.

  4. 선택한 옵션으로 기본값이있는 드롭 다운 메뉴를 누르고 사용으로 설정하십시오. 내 경우에는 Android에서 "이미지가 아닌 요소의 선택적 반전으로 활성화"옵션이 가장 잘 작동합니다.
  5. 브라우저를 다시 시작하라는 메시지가 표시됩니다. 다시 시작을 눌러 적용된 변경 사항을 확인하십시오.

이것은 색상 요소의 나머지 부분은 그대로 유지하면서 웹 페이지의 배경을 검은 색으로, 텍스트는 흰색으로 바꿀 가능성이 높습니다. 위에서 볼 수 있듯이 배경과 텍스트를 제외한 모든 색상은 변경되지 않습니다.

UI 요소의 색상을 반전시키려는 경우 색상 반전이 발생할 때 HSL 및 CIELAB에서 색상 프로파일을 선택할 수도 있습니다.

이 기능은 Android, Windows, Mac, Linux 및 ChromeOS를 포함한 모든 플랫폼과 호환됩니다. 나에게이 기능은 Android뿐만 아니라 Mac에서도 안정적이며 일관성있는 것으로 보이며 곧 Chrome 개발자 채널로 옮겨지기를 바랍니다.


경유 : Techdows