이제 디스코urse 사이트에서 사용자의 기기가 다크 모드로 설정되어 있을 때 색상 스킴을 자동으로 전환하도록 설정할 수 있습니다. 빠른 미리보기를 위해 try.discourse.org 인스턴스로 이동하여 기기의 다크 모드를 켜고 끄면서 이 새로운 기능을 직접 확인해 보세요. (이 기능은 메타 사이트에서는 비활성화되어 있습니다.)
자동 다크 모드 활성화
인스턴스에서 이 기능을 활성화하려면 사이트 설정에서 다크 모드 색상 스킴을 선택할 수 있습니다:
베타 채널에 배포되면 테스트해 볼 수 있습니다. ChromeOS가 (Android, iOS, macOS 등처럼) prefer-color-scheme 미디어 쿼리를 준수한다면, 작동하지 않을 기술적 이유는 없습니다.
최근 베타 채널의 크롬북에서 직접 시도해 보았습니다. 어느 정도 동작은 하지만, 아직 다듬어지지 않은 부분이 많습니다. try.discourse.org를 사용해 테스트해 본 결과, Discourse 사이트를 포함한 모든 웹 콘텐츠에 다크 모드를 강제 적용할 수 있었습니다. 하지만 OS의 다크/라이트 테마를 전환할 때 웹 콘텐츠도 함께 전환되지는 않는 것으로 보입니다. 또한 이 기능을 테스트하는 과정에서 UI의 일부만 라이트 모드이고 나머지는 다크 모드인 혼재 상태에 빠지는 경우가 꽤 잦았습니다.
직접 시도해 보고 싶으신 분들을 위해, chrome://flags로 이동한 후 "Dark"를 검색하여 "Dark/light mode of system UI"와 “Force Dark Mode for Web Contents” 옵션을 활성화하면 됩니다.
우리는 라이트 테마와 다크 테마를 제공합니다. 다크 테마는 태그 아이콘과 토픽 미리보기까지 우리가 원하는 대로 모든 것을 렌더링합니다. 하지만 이 애드온을 사용할 때 다크 컬러 스키마에는 꽤 많은 버그가 있습니다. 그냥 궁금한 점이 하나 있습니다: 기본 컬러 스키마가 아니라 자동 다크 모드를 위한 기본 테마를 설정할 수 없을까요? 컬러 스키마보다 테마가 훨씬 더 나은 조정 기능을 제공하는 것 같습니다.
토론 미리보기 플러그인에서 다크 모드 관련 버그가 있다는 말씀이신가요? 님의 사용자 프로필에 있는 사이트 링크를 클릭해 보면, 다크 모드일 때 일부 호버(hover) 색상이 잘못 표시되는 것을 확인할 수 있습니다. 아마도 토론 미리보기 플러그인이 다크 모드를 더 잘 지원하도록 작은 업데이트가 필요할 수 있습니다(플러그인 개발자를 위한 가이드 참고). 그렇다면 해당 플러그인의 토론에서 문제를 제기하는 것이 좋다고 생각합니다.
테마는 즉시 전환할 수 없으며, 테마에는 사용자 정의 JavaScript 코드가 포함될 수 있습니다. 페이지를 다시 로드하지 않고 JavaScript 코드를 전환하는 것은 불가능합니다.
이것이 이 기능을 테스트하는 가장 좋은 방법인가요? 크롬북으로 접속하여 다크 모드를 켜고 끄더라도 try 사이트에서 테마가 변경되는 것을 볼 수 없습니다. 웹페이지를 새로고침해도 아무런 변화가 없습니다. 최신 버전의 ChromeOS를 사용하고 있습니다. 또한 테스트 계정을 생성하여 같은 작업을 수행해 보았지만 역시 변화가 없었습니다.
또한 제가 사용하는 다른 사이트들,包括 셀프호스팅된 사이트와 Teams에서도 기기의 다크 모드 설정에 따라 자동으로 변경되지 않는 것을 확인했습니다.
그래서 Windows와 iOS에서는 작동하는데, ChromeOS에서는 작동하지 않는다는 건가요? 테스트 결과가 그런 건가요? 그렇다면 ChromeOS가 업데이트가 필요하거나, 다른 환경과는 조금 다른 방식으로 처리되고 있는 것일 수도 있겠다는 생각이 드네요. @pmusaraj님, 의견 있으신가요?
아, 그렇군요. 제 설치 버전은 꽤 오래되었고, 색상 테마가 라이트 모드 하나뿐이었어요. 기본 다크 테마를 기반으로 새로운 색상 테마를 추가했는데, 이게 작동했습니다! Windows 설정에서 다크와 라이트 색상 테마를 전환하면 이제 Discourse에도 자동으로 반영되는 것을 확인할 수 있습니다!
이제 두 배로 더 많이 읽을 수 있네요. 