Dark Reader

 

[image]
Firefox Preview에서
작동중인 스크린샷
1. 개요
2. 지원하는 브라우저
3. 정적 테마를 적용해야 제대로 호환되는 웹 페이지 목록
4. 관련 문서


1. 개요


Alexander Shutov가 개발한 다크모드 애드온으로 동적/정적/필터 등 여러가지 레이아웃 테마를 설정할수있으며 밝기/대비/세피아/흑백 필터를 조절할수있으며 시스템 프로파일을 감지하는것 외에도 시간, GPS 좌표를 이용하여 자동 실행, 배경이랑 글꼴 색상도 변경할 수 있다.[1]
Chrome의 #enable-force-dark보다 보기가 좋다. 색상 반전(...)으로 인한 가독성이 떨어지지도 않는다.
다만 크로뮴 기반 엣지에서는 버그가 존재하는데, 크롬 애드온을 사용하는데 사용 시스템 색 구성표라는 옵션[2]이 작동하지 않는다. 오토 다크모드를 써서 밤에 다크모드로 조절한다 해도 브라우저는 이 설정을 무시한다. 즉 오토 다크모드의 시간대를 맞춰서 수동으로 조절하는 수밖에 없다.

2. 지원하는 브라우저


  • 구글 크롬 (Android 제외) - 다운로드
    • 크로뮴 기반 브라우저[3]
  • 모질라 파이어폭스[5][6]
    • 파이어폭스 베타/나이틀리[4]
  • 사파리 (iOS 제외)

3. 정적 테마를 적용해야 제대로 호환되는 웹 페이지 목록


  • 네이버 - 최신버전의 페이지만 해당하며 구 버전은 동적 테마로도 잘 렌더링되지만 가끔식 스크립트가 뻗어버린다.
  • 보배드림

4. 관련 문서


  • 스타일리시 - Dark Reader가 적용안되는 웹사이트들도 적용되고, 글씨색상까지 변경가능하다.

[1] 이를 이용히면 OLED에 맞는 다크모드로 실행할 수 있다.[2] 시스템의 색 설정에 따라 다크 모드를 자동으로 조절하는데 오토 다크 모드라는 프로그램과 반드시 병행해서 사용해야 한다.[3] Android용 크로뮴 기반 브라우저이자 자체 다크모드를 지원하는 Kiwi Browser도 사용할수있다.[4] 업데이트로 5개의 부가기능을 추가했는데 Dark Reader까지 포함되어있다. 다만 스크립트에 오류가 생기면 파이어폭스 ESR과 다르게 스크립트를 중단하기에 네이버같은경우 하얗게 나와 정적 테마를 따로 적용해야 한다.[5] Android의 경우 시스템의 프로필로 자동으로 활성화하는 기능은 사용이 불가능하다.[6] 네이버같은 웹페이지에서는 스크립트 오류가 뜨는데 계속을 누르면 된다.

분류