다크모드 인식에 대해서 문의 드립니다.

[Members_de3sqUp]

안녕하세요

삼성 브라우저 다크 모드 시 이미지가 깨져 보이는 등의 문제가 발생하여

미디어 쿼리를 이용해서 CSS 를 조절하고 싶은데

@media (prefers-color-scheme: dark) {

}

다크모드를 켜도 항상 light 로 인식을 하는 것 같습니다.

if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
alert("dark");
}
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches) {
alert("light");
}

다크모드인지 아닌지 판단하려면 어떻게 해야 할지 문의 드립니다.

감사합니다.

[minemap0035]

window.matchMedia && 조건을 제거하고 확인해 보세요

[Members_de3sqUp]

if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
alert("dark");
}
if (window.matchMedia('(prefers-color-scheme: light)').matches) {
alert("light");
}

이렇게 말씀하신 건가요? 

결과는 동일합니다. light 로만 나옵니다.

확인할 다른 방법이 없을까요?

답변 부탁 드립니다.

[인터넷담당]

안녕하세요.
삼성인터넷 운영팀입니다.

삼성인터넷의 기본 다크모드 동작은, 자체적인 로직을 통해 컨텐츠의 색상을 변경하는 동작입니다. 이는 모바일 단말에서 다크모드를 지원하는 초기부터 지원되었던 삼성인터넷의 기능입니다.

이에, 해당 모드에서는 prefers-color-scheme 을 지원하지 않고 있습니다.

삼성인터넷에서 prefers-color-scheme 동작을 확인하고자 하시면, 하기 메뉴를 통해 기능을 활성화할 수 있습니다. 다만, 해당 기능 활성화시에는 삼성인터넷 고유의 다크모드는 동작하지 않습니다.
※ 삼성인터넷 - 설정 - 실험실 : "웹사이트 다크 테마 사용"

감사합니다.