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

**URL:** https://meta.discourse.org/t/why-is-the-dark-light-mode-toggle-not-working/331527
**Category:** Bug
**Tags:** dark-mode-toggle
**Created:** [10월 18, 2024, 1:12오후 UTC](https://meta.discourse.org/t/why-is-the-dark-light-mode-toggle-not-working/331527 "2024-10-18T13:12:36Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![MCATAKCIN](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcatakcin/32/447178_2.png) [@MCATAKCIN](https://meta.discourse.org/u/MCATAKCIN)
#### Post date: [10월 18, 2024, 1:12오후 UTC](https://meta.discourse.org/t/why-is-the-dark-light-mode-toggle-not-working/331527/1 "2024-10-18T13:12:36Z")

</div>

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

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

미리 감사합니다!

> 제 커뮤니티는 여기 있습니다: [https://hayp.net/](https://hayp.net/)
> 
> ![Ekran Resmi 2024-10-18 16.10.09](https://global.discourse-cdn.com/meta/original/4X/8/2/7/827d7d4ccede80b2c224465d21a28ef7f5ee53d2.png)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [10월 18, 2024, 1:24오후 UTC](https://meta.discourse.org/t/why-is-the-dark-light-mode-toggle-not-working/331527/2 "2024-10-18T13:24:41Z")

</div>

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

> [@Discourse](#):
>
> 이 작업이 완료되면, 사용자는 사용자 설정 인터페이스 메뉴에서 `light`(밝은)와 `dark`(어두운) 선호도로 두 가지 색상 테마를 선택할 수 있게 됩니다.
> 
> ![image](https://global.discourse-cdn.com/meta/original/3X/1/8/184e79ce3851b9feb965117b68a97e5e7de00b93.png)

---

<div class="post-metadata">

### Author: ![MCATAKCIN](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcatakcin/32/447178_2.png) [@MCATAKCIN](https://meta.discourse.org/u/MCATAKCIN)
#### Post date: [10월 18, 2024, 1:33오후 UTC](https://meta.discourse.org/t/why-is-the-dark-light-mode-toggle-not-working/331527/3 "2024-10-18T13:33:24Z")

</div>

이런 모습이에요:

 ![Ekran Resmi 2024-10-18 16.31.45](https://global.discourse-cdn.com/meta/original/4X/2/b/4/2b4f7d917b09f91ade5c6423f48b2bc27bb14c25.png)  
걱정해 주셔서 감사합니다…

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [10월 18, 2024, 1:44오후 UTC](https://meta.discourse.org/t/why-is-the-dark-light-mode-toggle-not-working/331527/4 "2024-10-18T13:44:24Z")

</div>

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

---

<div class="post-metadata">

### Author: ![MCATAKCIN](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcatakcin/32/447178_2.png) [@MCATAKCIN](https://meta.discourse.org/u/MCATAKCIN)
#### Post date: [10월 18, 2024, 1:54오후 UTC](https://meta.discourse.org/t/why-is-the-dark-light-mode-toggle-not-working/331527/5 "2024-10-18T13:54:06Z")

</div>

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

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

 ![Ekran Resmi 2024-10-18 16.52.28](https://global.discourse-cdn.com/meta/original/4X/2/6/9/26993be0efdd59f2815d764a75365beb6f2cedf3.png)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [10월 18, 2024, 2:24오후 UTC](https://meta.discourse.org/t/why-is-the-dark-light-mode-toggle-not-working/331527/6 "2024-10-18T14:24:17Z")

</div>

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

---

<div class="post-metadata">

### Author: ![MCATAKCIN](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcatakcin/32/447178_2.png) [@MCATAKCIN](https://meta.discourse.org/u/MCATAKCIN)
#### Post date: [10월 19, 2024, 9:57오전 UTC](https://meta.discourse.org/t/why-is-the-dark-light-mode-toggle-not-working/331527/7 "2024-10-19T09:57:04Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [10월 19, 2024, 10:22오전 UTC](https://meta.discourse.org/t/why-is-the-dark-light-mode-toggle-not-working/331527/8 "2024-10-19T10:22:49Z")

</div>

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

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