어두운 모드는 이제 iOS 13 그리고 Android 10. Chrome, Firefox, Safari 및 Edge와 같은 웹 브라우저도 다크 모드를 채택했습니다. 이제 브라우저는 prefers-color-scheme이라는 기능 덕분에 웹 사이트에 자동 다크 모드를 도입하고 있습니다.
웹 사이트는 이제 앱처럼 다크 모드를 감지 할 수 있습니다.
오늘날 일부 사이트는 어두운 모드를 제공합니다. 예를 들어, 어두운 모드를 활성화 할 수 있습니다. 유튜브 , 트위터 , 또는 느슨하게 몇 번의 클릭으로. 매우 멋지지만 새 웹 사이트를 방문 할 때마다이 옵션을 별도로 활성화하려는 사람은 누구입니까?
Windows 10, macOS, iOS 또는 Android에서 다크 모드를 활성화하면 사용하는 모든 애플리케이션이 사용자가 다크 모드를 활성화했음을 알고 자동으로 활성화 할 수 있습니다. Chrome에는 액세스하기 쉬운 기능조차 없습니다. 다크 모드 옵션 . Chrome은 전체 운영 체제 선택에 따라 자동으로 조정됩니다.
과거에는 웹 사이트에서 다크 모드를 자동으로 구현하는 방법이 없었습니다. 브라우저의 인터페이스가 어두워 지더라도 웹 사이트는 계속 밝은 배경을 사용합니다. 다크 모드를 수동으로 활성화하거나 다크 모드를 강제하는 브라우저 확장을 사용해야합니다.
웹 개발자의 잘못이 아니 었습니다. 그들은 기기에서 다크 모드가 활성화되었는지 여부를 감지 할 방법이 없었습니다. 웹 사이트에서 활용할 수있는 새로운 CSS (Cascading Style Sheet) 기능으로 변경되었습니다.
이미 가까운 브라우저에 있습니다.
이 문제에 대한 답은 색 구성표 선호 , 웹 사이트에서 웹 브라우저에 다크 모드 활성화 여부를 묻는 데 사용할 수있는 CSS 기능입니다. 웹 페이지는 다크 모드의 활성화 또는 비활성화 여부에 따라 다른 테마를 사용할 수 있습니다.
이 기능은 2019 년에 최근에야 최신 웹 브라우저에 추가되었습니다.
- 이후 모든 플랫폼 (Android 포함) 용 Chrome에서 지원했습니다. 크롬 76 , 7 월 30 일에 출시되었습니다.
- iPhone 및 iPad 용 Safari는 9 월 19 일 iOS 13의 일부로 Safari 13과 함께 제공됩니다.
- Mozilla Firefox는 5 월 21 일에 출시 된 Firefox 67 이후로이를 지원했습니다.
- Mac 용 Safari는 4 월 5 일에 출시 된 Safari 12.1 이후로이를 지원했습니다.
- Microsoft Edge는이를 지원하지 않지만 새로운 Chromium 기반 Edge 브라우저는 지원합니다.
이것은 브라우저 자체에서 선택하는 옵션이 아닙니다. 운영 체제에서 밝은 모드와 어두운 모드 중에서 선택하기 만하면 브라우저가 변경 사항을 따르고 웹 사이트에서 원하는 경우 자동으로 어두운 모드를 활성화 할 수 있습니다.
그렇다면 다크 모드 웹 사이트는 어디에 있습니까?
이 기능은 현재 출시되었으며 모든 인기있는 브라우저에서 작동하지만 매우 새로운 기능입니다. 다크 모드는 새로운 기능과 함께 iPhone 및 iPad에 제공됩니다. iOS 13 . Android 측에서는 새로운 기능이있는 Android 휴대 전화 만 안드로이드 10 다크 모드를 지원합니다. 데스크톱의 Google 크롬도 몇 주 동안 선호 색상 체계 만 지원했습니다.
아주 새롭습니다. 아직 다크 모드를 자동으로 활성화하기 위해 prefers-color-scheme을 사용하는 웹 사이트는 많지 않을 것입니다.
그것은 미래에 바뀔 것입니다. 웹 사이트는 이제 다크 모드 기본 설정을 존중하고 자동으로 따를 수 있습니다. 웹 개발자는 활용할 수있는 새로운 옵션이 있습니다.
우리는 다크 모드를 좋아합니다 . 이제 모든 최신 운영 체제의 옵션이므로 웹 전반에 퍼져 나가는 것을 보게되어 기쁩니다.
관련 : 다크 모드는 당신에게 좋지는 않지만 어쨌든 우리는 그것을 좋아합니다
