다크 모드

  나무위키의 기능에 대한 내용은 나무위키:테마 문서를 참조하십시오.

1. 다크 모드란?
1.1. 장점
1.2. 단점
1.3. 기타
2. 지원 여부
2.1. 운영 체제
2.2. 브라우저
2.3. 프로그램
2.4. 사이트
3. 다크 모드를 지원하지 않는다면?
4. 관련 문서

1. 다크 모드란?

Introducing Dark Mode in iOS 13

파이어폭스에서 애드온으로 다크모드를 구현한 스크린샷[1]

소프트웨어에서 밝은 테마 대신에 어두운 테마를 지원하는 것을 의미한다. 배경화면 뿐만 아니라 유저 인터페이스 전반의 분위기를 의미한다. 엄밀히 말하면 초창기와 비슷한 모습으로 회귀하였다고 할 수 있다. 모바일 기기의 경우 2010년대 초에 안드로이드는 검정 화면 기반이 많았으며, iOS는 다크 모드는 아니지만 스큐어모피즘 차용으로 현재와 같이 쨍하게 밝은 이미지는 아니었다. 그러다가 안드로이드는 롤리팝부터, iOS는 7부터 미니멀리즘 디자인을 택하고 분위기가 전반적으로 밝게 변화하였다. 그러던 것이 2010년대 말부터 구글, 애플, 마이크로소프트가 모두 경쟁적으로 다크 모드를 지원하기 시작하였다.

과거와 다른 점이라면, 밝은 테마와 어두운 테마를 이동할 수 있고 운영체제의 설정이 다른 모든 애플케이션과 연동될 수 있어, 단순한 설정으로 운영체제와 애플리케이션의 색을 간단히 전환할 수 있다는 것이다. 운영체제가 직접 다크모드를 지원하는 것은 다른 앱이나 서비스가 다크 모드를 지원하는 것보다 의의가 큰 편이다. 다크 모드는 보통 True Black (#000000) 다크 모드와 어두운 회색 계열의 다크 모드가 있다. AMOLED를 고려한 것인지 기본적으로 파란색인 것들은 다크 모드에선 난색 계열로 바뀌는 경우도 있다.

1.1. 장점

  • OLED 화면인 경우 - 특성을 공유하는 CRT, PDP와도 공통되는 사항이기도 하다.
    • 전력 소모가 줄어든다. 또는 배터리가 오래간다. OLED의 경우 픽셀을 별개로 끌 수 있기 때문에 대부분의 픽셀이 이 되면 화면이 거의 꺼지기 때문에 배터리가 절약된다. Always On Display하고 비슷한 원리. 구글에 의하면 완전한 검정색이 아니더라도 어두운 배경은 배터리 절약에 큰 도움이 된다고 한다. 특히 화면 밝기를 높여 쓰는 사람들에게 효과가 크다.LCD의 경우엔 미세하게 배터리를 더 먹는다
    • 플리커 감소. 픽셀을 끄기 때문에 플리커로 인한 눈의 피로가 줄어든다.[2]
    • 번인 완화. 픽셀을 쓰지 않음에 따라 기대 수명이 어느 정도 늘어난다.
  • 밝기 감소. 어두운 곳에서 다른 사람들에게 피해를 주고 싶지 않거나 눈의 피로를 줄이는 데 도움이 된다. OLED가 아니더라도 효과는 분명히 있다.
  • 시인성 대비(contrast)가 높아지기 때문에 찾고자 하는 글자나 이미지가 더 눈에 잘 띈다. 소스 코드의 경우 장문의 텍스트보다는 비교적 짧고 문법 색상(Syntax Coloring)으로 강조된 글자들이 주가 되기 때문에, 프로그래머들은 다크 모드를 많이 선호하는 편이다.

1.2. 단점

  • OLED 화면인 경우는, 완전한 검정색(#000000)일 경우 배경은 픽셀이 꺼져 있는데, 흰색 글씨에서만 빛이 뿜어져 나와서 눈부심과 빛번짐 등의 문제가 거슬릴 수 있다.
  • 가독성 저하. 다크 모드가 정보 강조에는 유리하지만 읽는 시간이 길어지거나 정확히 읽어야 할 때는 밝은 배경에 어두운 글씨가 더 좋다. 이는 단순히 우리가 하얀 배경, 검은 글씨에 익숙하기 때문이 아니라 시각적 연구 결과라고 한다. 출처 이런 문제 때문인지, Apple의 메모 앱이나 Microsoft OneNote 앱은 다크 모드에서도 본문을 쓰는 부분은 하얀 배경을 유지할 수 있도록 하는 옵션이 있다.
  • LCD에서는 픽셀 구동 방식에 따라(특히 IPS 방식) 빛샘 현상이 나타나기도 한다.
  • 웹 페이지가 다크모드를 지원하지 않는 경우 브라우저 별로 하얗게 나오는 문제가 있다. 강제로 활성하는 방법도 있지만 설정별로 페이지내 색상이 반전되는 문제가 있다.
  • 브라우저[3]에 따라 웹 페이지 사진 색상이 더 어둡게 표현이 된다. 이는 인터넷 쇼핑으로 의류를 자주 구입하거나 구경하는 사람들에게는 치명적인 단점이 되는데 빨강색 옷의 사진을 다크모드를 켠 후 보면 사진을 어둡게 톤다운 시켜서 더 어두운 빨강색 옷으로 보인다.[4]

1.3. 기타

  • 단순한 색감
앱에 따라 다르지만, 특정 앱은 단순히 흰 색으로만 구성된 것이 아니라, 일부 혹은 전체적으로 유채색을 넣는 경우도 있다. 앱에 따라 이 유채색도 검은 색으로 만드는 경우가 있다. 대표적으로 마이크로소프트 오피스의 경우 워드는 파란색, 엑셀은 초록색, 원노트는 보라색 이렇게 나름의 컬러를 가지고 있다. 음악을 찾는 앱 Shazam은 파란색 배경을 가지고 있다. MS 오피스의 경우 다크 모드를 켜면 모두 검은색 계통으로 바뀐다. 단순하고 통일성 있는 색감이나 다크 모드의 기능성을 생각하는 사람에겐 좋은 점이지만, 그냥 흰색만 검은색으로 만들면 충분한 사람에게는 아쉬운 점.

2. 지원 여부

시스템 다크 테마를 지원하거나 다크 테마만 지원하는 최신 정식 버전을 기준으로 한다.

비표준 지원, 설정이 연동되지 않는 다크 테마는 별표(★)로 표시한다.

2.1. 운영 체제

2.2. 브라우저

  • OS와 브라우저 모두 정식 최신 버전을 기준으로 한다.

프로그램

Windows 10

macOS

Android

iOS

IE

X

미지원

Chrome

Firefox

X[7][8][9][10]

Edge

Safari

미지원

미지원

Whale

Opera

Vivaldi

미지원

Yandex

Brave

Samsung

미지원

[11]

미지원

Dolphin

미지원

[12]

?

DuckDuckGo

?

?

Kiwi

미지원

미지원

Puffin

?

미지원

2.3. 프로그램

몇몇 프로그램은 운영체제에서 다크모드를 활성화 시켜야지만 적용된다.

라이트 모드가 나타나면 앱 내부 설정에서 바꿀 수 있다.

2.4. 사이트

3. 다크 모드를 지원하지 않는다면?

  • 다크 모드를 지원하지 않는 앱이나 웹사이트는 분명히 있다. 운영체제 차원에서 강제로 다크 모드를 지원하는 경우도 있으나, 완벽하지는 않다. 웹 브라우저의 경우 Night Eye와 같은 확장 프로그램을 통해 강제로 다크 모드를 적용할 수 있지만 레이아웃이 깨지거나 페이지가 느리게 로딩이 되는 문제점이 있다.[16]
  • 안드로이드 10 이상의 기기에서는 다크 모드를 지원하지 않는 앱에도 개발자 옵션에서 다크 모드를 강제로 적용시킬 수 있다[17].
  • 크롬 브라우저에서는 다크모드를 활성화해도 대다수의 페이지는 다크모드를 지원하지 않아 라이트 모드 그대로 표시된다. 이를 해결하기 위해선 chrome://flags/#enable-force-dark를 입력하여 Disable또는 Default을 본인이 원하는 다른 것으로 바꾸고[18] 크롬을 재시작하거나 Relaunch를 누르자. 권장하는 설정은 "Enable with selective inversion of everything"[19]
  • Night Owl 또는 Screen Dimmer를 함께 사용하면 보기가 더욱 편해진다. 특히 다크모드랑 블루라이트 필터를 지원하지 않는 기기를 위해 블루라이트/컬러 필터를 내장하고 있다.

4. 관련 문서


  1. [1] Super Dark Mode와 Dark Theme 애드온이다.
  2. [2] 모니커 화면을 주구장창 봐야되는 경우 라이트 모드는 눈이 피로하지만 다크모드는 비교적 괜찮다. 또 밤에 핸드폰을 하는 등 주변이 어두운 상황에서도 눈의 피로가 덜하다.
  3. [3] Firefox는 애드온
  4. [4] 쇼핑몰만 이미지 필터를 적용하지 않는 브라우저/애드온도 있긴하지만 ebay, amazon같은 해외 쇼핑몰만 지원한다.
  5. [5] MacBook Pro Touch Bar에서 구동되는 운영체제이다.
  6. [6] 제어판, 속성 메뉴, 문제 해결 창 등 다크 모드가 적용이 안 된 곳도 있다.관련 영상
  7. [7] Firefox Preview 앱에서는 지원
  8. [8] 별도의 애드온을 써도 된다. 애드온에 따라 웹페이지의 일부 레이아웃이 깨지거나 모든 레이아웃이 날아가는 경우가 있으니 주의. 별도의 CSS코드를 적용해야되는 애드온도 있다.
  9. [9] Sauron이라는 애드온은 대체로 평가가 좋은편이며 페이지의 레이아웃이 그대로 유지된다.
  10. [10] 다스베이더를 패러디한 다크리더 애드온은 필터 설정이 가능하며 렌더링 방식도 설정할수있다.
  11. [11] 다크 모드에서도 밝은 화면 보기를 통해 사이트를 볼 수 있다.
  12. [12] 수동으로 활성화하면 된다.
  13. [13] 일몰에서 일출까지 자동으로 켜지는 설정도 지원한다.
  14. [14] 안드로이드 10 이상 적용되며 최근 업데이트로 어느 페이지에서나 다크모드가 적용된다.
  15. [15] 기사 페이지 외의 다음 뉴스 메인 페이지는 지원하지 않는다.
  16. [16] Super Dark Mode는 별도의 CSS 테그를 복사 붙여넣기해야되며(물론 레이아웃은 깨진다.) Sauron은 썸네일이 아닌 일반 이미지만 같이 어두워지며 Dark Reader는 렌더링 방식을 설정할 수 있지만 모바일용 Firefox에서는 필터/필터+ 방식의 경우 웹페이지가 느리게 동작된다.
  17. [17] 개발자 옵션에서 하드웨어 가속 렌더링 탭에 '강제로 어둡게 재정의'를 활성화하면 된다.
  18. [18] 뭔소리인지 모르겠다면 enble로 하자.
  19. [19] 이 설정은 구글 검색결과에서 맨 위에 뜨는 카드의 제목창이 글씨랑 전부 하얗게 나오는걸 적절한 색으로 배경을 반전시켜 글씨가 안보이는 불상사가 생기지 않는다.

분류

최종 확인 버전:

cc by-nc-sa 2.0 kr

Contents from Namu Wiki

Contact - 미러 (Namu)는 나무 위키의 표가 깨지는게 안타까워 만들어진 사이트입니다. (56.35ms)