최근 대부분의 데스크톱 및 모바일 운영체제에서 다크 모드를 기본 기능으로 제공하고 있습니다. 이러한 운영체제에서 실행되는 애플리케이션들은 다크 모드 지원을 추가해야 합니다. iOS와 같은 특정 플랫폼에서 다크 모드를 지원하는 앱들은 사용자가 iOS에서 다크 모드를 활성화하면 어두운 인터페이스를 자동으로 표시합니다.
iOS 15에서 웹사이트에 다크 모드 적용하기
iOS용 웹 브라우저들은 대부분 자체적으로 어두운 테마를 지원합니다. iOS에서 다크 모드를 켰을 때, 브라우저 인터페이스 역시 어두운 테마로 변경되어야 합니다. 하지만, 다크 모드는 앱의 UI에만 적용되는 기능이므로, 웹사이트 배경이 여전히 밝은색으로 유지되는 경우 브라우저 자체적으로는 이를 어둡게 만들 수 없습니다. 모든 웹사이트에 iOS 다크 모드 적용을 강제하려면, ‘Dark Reader’라는 앱을 설치해야 합니다.
Dark Reader: iOS 15에서 웹사이트 다크 모드 활성화 방법
Dark Reader는 웹사이트 콘텐츠를 강제로 어두운 모드로 표시해주는 iOS 앱입니다. 이 앱은 $4.99에 판매되며, Safari 확장 프로그램 형태로 작동합니다.
Dark Reader 설치는 앱 스토어에서 가능합니다.
설치 후, iPhone 설정 앱을 실행합니다.
‘Safari’를 선택합니다.
‘확장 프로그램’을 탭합니다.
‘Dark Reader’를 찾아 활성화합니다.
Safari 브라우저를 엽니다.
흰색 배경이나 밝은 인터페이스를 가진 웹사이트로 이동합니다.
URL 주소창의 ‘Aa’ 버튼을 누릅니다.
메뉴에서 ‘Dark Reader’를 선택합니다.
어두운 테마를 활성화합니다.
만약 사용자 정의 테마를 사용하고 싶거나 직접 만들고 싶다면, 다른 테마를 선택합니다.
Safari용 Dark Reader는 iOS 15 이상에서만 작동하며, 웹페이지의 배경색과 글자색을 변경할 수 있습니다. 하지만, 이미지 표시 방식은 변경할 수 없어서, 밝은색이나 흰색 이미지는 그대로 표시됩니다.
Mac용 Dark Reader
Dark Reader는 macOS에서도 이용 가능하며, 가격은 $4.99로 iPhone 버전과 거의 유사한 방식으로 작동합니다. macOS 버전에서는 다크 모드 외에 추가로 ‘어두운’ 모드를 선택할 수 있습니다.
결론
Facebook이나 YouTube처럼 인기있는 웹사이트들은 자체적으로 다크 모드 기능을 제공합니다. 하지만, 대다수의 웹사이트들은 아직 다크 모드를 도입하지 않았습니다. 다크 모드를 구현하기 위해서는 단순히 배경을 어둡게 하고 텍스트 색상을 변경하는 것 이상의 노력이 필요합니다. 가독성을 확보해야 하고, 웹사이트의 모든 버튼이 정상적으로 표시되어야 하며, 사용자 경험을 저해하지 않아야 합니다. Dark Reader는 이러한 측면에서 다소 획일화된 접근 방식을 취하고 있지만, 이는 확장 프로그램/앱에는 적합할 수 있어도 웹사이트에 실제로 적용하기에는 비실용적입니다.