Safari, 다크 모드 없는 웹사이트까지 어둡게 바꾼다
Safari introduces Adaptive Dark Mode in 27.3
Safari 27.3 beta에 Adaptive Dark Mode가 도입됐다. 사용자가 켜면 밝은 웹사이트를 자동으로 어둡게 변환한다. 웹 페이지 로드의 약 40%가 다크 모드 사용자에게서 나오지만, 다크 모드를 지원하는 페이지는 10%뿐이라는 격차를 겨냥한다. WebKit 엔진 내부에서 색상 행렬로 명도를 반전시키되 색조는 유지하고, WCAG 4.5:1 대비를 목표로 한다. SVG와 흑백 비트맵 로고는 필요 시 변환하지만, 캔버스 콘텐츠는 그대로 둔다. 사이트가 변환 여부를 감지하지 못하게 해 프라이버시도 지킨다.
웹사이트가 사용자가 Adaptive Dark Mode를 켰는지 감지할 수 있다면, 핑거프린팅 가능한 정보가 늘어나 트래커에 대한 프라이버시 보호가 약해질 것이다. 그래서 Safari는 웹사이트가 Adaptive Dark Mode 적용 여부를 감지하지 못하게 막는다.
HN 토론
200- kickingvegas
참고로, CSS의 light-dark()는 이제 표준 기능입니다.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V...
- nsoam
저는 반대입니다. 난시가 있어서 검은 배경에 흰 글씨는 읽기 힘듭니다. Safari가 다크 모드 웹사이트를 라이트 모드로 바꿔주면 좋겠어요.
- marcellosso
저는 모든 것에 다크 모드를 쓰기 때문에 이 기능이 꽤 마음에 듭니다. 어떤 사이트는 분명히 라이트 모드용으로 디자인되었고, 강제로 다크 모드를 적용하면 경험이 망가질 수 있지만, 바로 그런 경우를 위해 `color-scheme: light only`가 있는 것이고 Safari가 이를 존중하는 것은 좋습니다. 그 외에는 저에게는 윈윈인 것 같아요: 다크 모드 사용자에게는 좋고, 개발자에게는 크게 달라지는 게 없으며, 사이트가 영향을 받지 않길 원하면 "light only"만 추가하면 됩니다.
- greazy
모두 Dark Reader 확장 프로그램을 확인해보세요. 수년 동안 적응형 다크 모드를 제공해왔고 커스터마이즈도 가능합니다. 라이트 모드도 지원합니다. 지금 Firefox에서 HN을 보며 사용 중입니다!
- macNchz
개인적으로 iOS에서 이 기능이 기대됩니다. 최소 밝기로 다크 모드에서 지루한 내용을 읽는 것이 잠들기 가장 효과적인 방법이라고 느끼거든요 (블루 라이트/침대에서 폰 금지 조언과는 반대로요). OLED 화면에서는 방출되는 빛의 양이 제가 시도해본 다른 어떤 방법보다 훨씬 적습니다. HN 같은 사이트(일부 HN 스레드는 꽤 지루하죠)처럼 네이티브 다크 모드가 없는 경우, 제 해결책은 화면 색상을 반전시키는 "손쉬운 사용 단축키" 기능을 설정하는 것이었습니다. 잠금 버튼을 세 번 누르면 페이지가 반전됩니다. 괜찮게 작동하지만, 사이트가 다크 모드를 지원하는지 여부에 따라 각 사이트마다 수동 개입이 필요합니다.
- Reason077
Hacker News 자체가 다크 모드를 지원하지 않지만 아주 간단하게 지원할 수 있는 웹사이트의 대표적인 예입니다 (그리고 제 생각에는 지원하면 훨씬 보기 좋을 겁니다!)
- JulianPaul
저만 아직 다크 모드를 안 쓰는 건가요? 난시 때문에 견딜 수가 없어요
- AndrewStephens
좋은 일입니다.
얼마 전에 제 블로그에 다크 모드를 추가했는데 제대로 구현하는 게 조금 힘들었습니다.
다음 CSS를 추가하면 대충대충 다크 모드를 직접 구현할 수 있습니다.
@media(prefers-color-scheme: dark) {
body {
filter: invert();
}
}
모든 이미지도 반전되는데, 사진에는 잘 맞지 않습니다.