다크/라이트 모드 토글이 작동하지 않는 이유는 무엇인가요?

커뮤니티 회원 여러분, 안녕하세요! 모두 잘 지내고 계신가요?

제 사이트에 이 컴포넌트를 설치하고 설정을 마쳤는데, 버튼을 누르면 작동하지 않습니다. 개발자 도구에서 콘솔 오류를 찾을 수 없는데, 왜 작동하지 않는 걸까요?

미리 감사합니다!

제 커뮤니티는 여기 있습니다: https://hayp.net/

선호 설정은 어떻게 구성되어 있나요?
“일반” 모드에는 밝은 색상 테마를, 다크 모드에는 어두운 색상 테마를 설정했나요?

2개의 좋아요

이런 모습이에요:


걱정해 주셔서 감사합니다…

그렇다면 어두운 색 테마를 “밝은” 색 테마로 선택하신 것이네요. 그러면 토글이 어둡고 어두운 사이를 오가게 됩니다. 드롭다운에서 밝은 색 테마를 선택해 보셨나요?

1개의 좋아요

라이트 모드로 색상 스킴을 선택하면 토글이 정상적으로 작동합니다.

하지만 로그인하지 않은 사용자의 경우에는 작동하지 않습니다. 제 테마는 기본적으로 다크 모드로 설정되어 있습니다.

1개의 좋아요

그럼 테마에 밝은 색상 테마를 선택해 보시는 건 어떨까요?

1개의 좋아요

사실 사이트가 라이트 테마라는 점이 눈에게 피로감을 주죠, 특히 저녁에는 더 그렇습니다. 이 논거는 다들 이미 알고 계시죠 (:

하지만 토글을 작동시키는 유일한 해결책이 이것이라면, 결국 제가 해야 할 것 같습니다 :sweat_smile:

1개의 좋아요

그렇게 작동하지 않습니다. 포럼 관리자 측 설정에도 다크 모드가 기본값으로 설정되어 있다는 점을 잊으셨네요. 테마 기본값이 라이트 모드이고, 사용자가 설정에서 다크 옵션을 선택한 경우, 토글 버튼에 실제로 전환할 대상이 존재합니다. 그렇지 않으면 라이트라고 지정된 상태에서 다시 다크 모드로 전환하려고 시도하게 됩니다.

라이트 모드와 다크 모드가 모두 올바르게 설정되어 있으면, 자동으로 기기의 설정을 따르게 됩니다.

4개의 좋아요