테마 컴포넌트에서 @media (prefers-color-scheme: dark) CSS 스타일은 사용자가 운영체제(OS)를 라이트 모드로 설정해 두고 사이드바 토글에서 다크 모드를 선택할 경우 무시됩니다. 또한, OS가 다크 모드로 설정되어 있는데 사용자가 사이드바 토글에서 라이트를 선택할 경우에도 이상한 현상이 발생합니다. OS 설정과 토글 설정이 일치할 때는 모든 것이 의도대로 표시됩니다. 이 문제를 겪어 보신 분이 계신가요? OS 설정과 사이드바 토글 설정이 일치하지 않을 때 라이트/다크 모드 CSS 적용을 어떻게 해결하셨는지 궁금합니다.
커스텀 테마를 사용 중이신가요? Foundation이나 Horizon 테마를 사용할 때도 동일한 문제가 발생하나요?
케이라, 안녕! 직접 해결할 수 있었어? 만약 그렇다면 여기서 결과를 공유해 줄 수 있을까?
Prefers-color-scheme은 오직 OS 모드를만 고려합니다.
색상 스킴이 아닌 색상 및 기타 CSS 값에 대해 인터페이스 색상 선택기가 올바르게 작동하려면, https://meta.discourse.org/t/update-themes-and-plugins-to-support-automatic-dark-mode/161595/5에서 설명한 대로 항상 dark-light-choose를 사용해야 합니다.