# 테마 아이디어: 헤더 행에 라이트/다크 테마 토글 선택기 추가
**URL:** https://meta.discourse.org/t/theme-idea-toggle-selector-for-light-or-dark-theme-in-header-row/153426
**Category:** Feature
**Created:** [5월 31, 2020, 11:14오후 UTC](https://meta.discourse.org/t/theme-idea-toggle-selector-for-light-or-dark-theme-in-header-row/153426 "2020-05-31T23:14:12Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@EricGT](https://meta.discourse.org/u/EricGT)
#### Post date: [5월 31, 2020, 11:14오후 UTC](https://meta.discourse.org/t/theme-idea-toggle-selector-for-light-or-dark-theme-in-header-row/153426/1 "2020-05-31T23:14:12Z")
방금 Docker [사이트](https://docs.docker.com/engine/reference/commandline/container_ls/)에 들렀다가 오른쪽에 이것을 발견했습니다.
분명히 `light`(라이트) 또는 `dark`(다크)를 선택하는 테마 선택기인데, 너무 직관적이고 단순해서 저도 꼭 갖고 싶습니다.
테마를 만들 시간이 없지만, 누군가 간단한 테마로 실력을 보여주고 이곳에서 이름을 알리고 싶다면 지금이 기회입니다. 이력서에 올리기도 좋을 것 같습니다.
대부분의 작업은 이미 완료되어 있습니다. 저희 사이트에는 이미 `Light`(라이트)와 `Dark`(다크) 테마가 만들어져 있고 선택 기능도 있지만, 몇 번의 클릭을 해야만 접근할 수 있습니다. 오른쪽 위 근처에 항상 바로 사용할 수 있게 배치하면 더 좋을 것 같습니다. 😀
* * *
**수정**
다니엘라가 제가 원했던 것을 정확히 찾아주어서 새로 만들 필요가 없습니다.
다니엘라, 정말 잘했어요. 😀
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [5월 31, 2020, 11:25오후 UTC](https://meta.discourse.org/t/theme-idea-toggle-selector-for-light-or-dark-theme-in-header-row/153426/2 "2020-05-31T23:25:24Z")
라이트 모드와 다크 모드를 전환할 수 있는 테마 컴포넌트를 이미 보유하고 있습니다
> [@Theme Switcher Component](https://meta.discourse.org/t/theme-switcher-component/113460):
>
> [[deprecated](https://meta.discourse.org/t/theme-switcher-component/113460/40)] Hey Discourse Community, after a lot of requests I share a Theme Switcher component, encapsulated from my [Alien Night Theme](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175). For now, once pressed the button it will switch your theme into a dark mode theme. Later on I can maybe implement a setting page, where you can define your own global CSS class your theme should switch into. Or just toggle between the first two themes you allowed for users to choose from… Installation & Download [https://github.com/B-iggy/discourse-them…](https://github.com/B-iggy/discourse-theme-switcher)
> [@Dark Mode Automatic Theme Switcher](https://meta.discourse.org/t/dark-mode-automatic-theme-switcher/112071):
>
> warning Discourse now supports [Automatic Dark Mode color scheme switching](https://meta.discourse.org/t/automatic-dark-mode-color-scheme-switching/161593) in core, this component is now deprecated and should no longer be used. [Repository](https://github.com/pmusaraj/discourse-dark-mode): https://github.com/pmusaraj/discourse-dark-mode Installation instructions: [Installing a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)What this does? This component allows automatic switching to a dark theme when the browser is set to dark mode. This works for logged-in users only on all browsers that support the [prefers-color-scheme](https://caniuse.com/#feat=prefers-color-scheme) media query. By de…
---
### Author:  [@EricGT](https://meta.discourse.org/u/EricGT)
#### Post date: [5월 31, 2020, 11:30오후 UTC](https://meta.discourse.org/t/theme-idea-toggle-selector-for-light-or-dark-theme-in-header-row/153426/3 "2020-05-31T23:30:33Z")
✅ 정말 핵심을 찔렀네요.
어떻게 이걸 발견하셨나요?
많은 테마를 찾아봤는데 그 테마는 본 적이 없어요. 만약 봤더라면 바로 샀을 거예요.
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [5월 31, 2020, 11:57오후 UTC](https://meta.discourse.org/t/theme-idea-toggle-selector-for-light-or-dark-theme-in-header-row/153426/4 "2020-05-31T23:57:46Z")
강력한 검색 기능을 사용해 보세요: [Search results for 'theme dark light' - Discourse Meta](https://meta.discourse.org/search?context=topic&context_id=112071&q=theme%20dark%20light&skip_context=true)
---
### Author:  [@EricGT](https://meta.discourse.org/u/EricGT)
#### Post date: [6월 1, 2020, 12:00오전 UTC](https://meta.discourse.org/t/theme-idea-toggle-selector-for-light-or-dark-theme-in-header-row/153426/5 "2020-06-01T00:00:09Z")
감사합니다.
[tags](https://meta.discourse.org/tags)를 사용할 수 있다는 것을 몰랐습니다. 예를 들어 `#customization:theme`을 `#customization:theme dark light`에서 사용하는 경우처럼요.
---
### Author:  [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [6월 1, 2020, 12:49오전 UTC](https://meta.discourse.org/t/theme-idea-toggle-selector-for-light-or-dark-theme-in-header-row/153426/6 "2020-06-01T00:49:34Z")