Safari 27.3, 밝은 사이트도 자동으로 다크모드로

핵심 요약

• Safari 27.3 베타에서 Adaptive Dark Mode 기능을 발표했다. 사용자가 활성화하면 다크모드 지원하지 않는 밝은 웹사이트를 자동으로 어두운 화면으로 표현한다.
• 현재 전체 웹 페이지 로드의 약 40%가 다크모드 사용자에서 발생하지만, 다크모드를 지원하는 페이지는 10%에 불과하다. Safari는 2019년 12.1 버전에서 웹 다크모드를 처음 지원했다.
• color-scheme 메타 태그나 CSS로 다크모드 지원을 표시한 사이트는 변환되지 않으며, 나머지 사이트는 배경색을 분석해 밝은 페이지만 선택적으로 적용된다.
• 색상 역변환 시 휘도는 바꾸되 색상(hue)은 유지하는 색상 행렬을 개발했다. 텍스트 색상은 WCAG 4.5:1 명도 대비를 목표로 변환하고, CSS 그래디언트도 어두운 색으로 바뀐다.
• SVG 이미지는 필요시 색상을 변환해 아이콘과 로고의 명도 손실을 보정하며, 일반 이미지는 원본 유지, 흑백 로고만 픽셀 히스토그램 분석으로 반전한다.
• 마스크, mix-blend-mode 같은 효과는 변환된 색상과 충돌하면 비활성화되고, canvas 콘텐츠는 예측 불가능해 변환하지 않는다.
• WebKit 엔진 깊숙이 구현되어 빠른 속도, 높은 효율, 엄격한 프라이버시 보호를 동시에 달성했다.
• 현대적 웹 개발 관행을 따르면 대부분의 사이트가 자동으로 잘 작동하며, 비트맵 아이콘을 SVG로 교체하고 배경 이미지 대신 CSS 색상과 그래디언트를 쓰는 것이 권장된다.
• 완전한 다크모드 지원을 원하면 color-scheme 메타 태그, @media (prefers-color-scheme: dark) 미디어 쿼리, 요소, light-dark() 함수 등 모두 현재 널리 지원된다.
• color-scheme: light only로 Adaptive Dark Mode 변환을 완전히 거부할 수 있으며, HTML 메타 태그 또는 CSS 규칙으로 선언한다. ('only' 키워드는 베타 1에서 미지원)
• Apple은 웹사이트가 Adaptive Dark Mode 활성화 여부를 감지할 수 없도록 차단한다. JavaScript 색상 쿼리는 원본 색상을, canvas는 원본 형태로 반환되므로 추적기가 지문 채취할 수 없다.
• 웹 관리자는 web-evangelist@apple.com으로 문의 가능하고, 사용자는 Feedback Assistant로 호환성 문제를 보고할 수 있다.