# Hamburger Theme Selector

**URL:** https://meta.discourse.org/t/hamburger-theme-selector/61210
**Category:** Theme component
**Tags:** end-of-life
**Created:** [4월 18, 2017, 7:24오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210 "2017-04-18T19:24:29Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![Heather\_Dudley](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heather_dudley/32/151925_2.png) [@Heather\_Dudley](https://meta.discourse.org/u/Heather_Dudley)
#### Post date: [11월 13, 2019, 12:32오전 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/42 "2019-11-13T00:32:18Z")

</div>

기능 요청! 이 부분에 섹션 헤더를 추가할 수 있을까요? 이미 해당 테마가 무엇인지 알고 있지 않는 한, 사용자가 이 링크들이 무엇에 사용되는지 바로 알기 어렵습니다. 물론 클릭 한 번이면 바로 알 수 있지만, 먼저 실험해 보고 싶어 하지 않는 사용자들도 있을 수 있습니다. 이 섹션에는 (해당 섹션에 제목을 원하지 않는 사람들을 위한 설정 옵션일 수도 있습니다.) 제목이 필요합니다. 또한, 위의 카테고리 목록과 다른 부분이 있다는 점을 스크린 리더에게 알릴 수 있는 다른 표시가 없으므로 접근성 측면에서도 중요합니다.

 ![image](https://global.discourse-cdn.com/meta/original/3X/b/b/bb844a4399905e68aec85d4316de1dbe9973213d.png)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11월 13, 2019, 1:08오전 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/43 "2019-11-13T01:08:59Z")

</div>

좀 까다롭네요. 햄버거 메뉴에 다른 항목은 제목이 없는 것 같아서요. 어딘가에 링크할 수 있다면 가능할지도 모르겠네요.

---

<div class="post-metadata">

### Author: ![Heather\_Dudley](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heather_dudley/32/151925_2.png) [@Heather\_Dudley](https://meta.discourse.org/u/Heather_Dudley)
#### Post date: [11월 13, 2019, 1:11오전 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/44 "2019-11-13T01:11:14Z")

</div>

음, Categories 섹션은 이미 라벨이 붙어 있네요. 어딘가와 연결해야 한다면, 아마도 환경 설정 페이지일까요? /my/preferences/account/interface?

[https://meta.discourse.org/my/preferences/interface](https://meta.discourse.org/my/preferences/interface)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11월 13, 2019, 1:13오전 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/45 "2019-11-13T01:13:28Z")

</div>

네, 기본값을 설정하는 곳(로그인된 상태일 경우)에 링크를 걸 수 있을 것 같습니다.

다만, 햄버거 메뉴가 이미 크기가 큰데, 이 기능을 추가하면 세로 높이가 더 늘어나는 점이 조금 우려됩니다.

---

<div class="post-metadata">

### Author: ![Heather\_Dudley](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heather_dudley/32/151925_2.png) [@Heather\_Dudley](https://meta.discourse.org/u/Heather_Dudley)
#### Post date: [11월 13, 2019, 1:14오전 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/47 "2019-11-13T01:14:35Z")

</div>

네, 그게 제가 이 부분에 대한 컴포넌트 설정이 있으면 좋겠다고 생각했던 이유 중 하나입니다. 그렇게 하면, 거대한 화면을 원하지 않는 사용자들이 원할 경우 기능을 끄면 되니까요.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11월 13, 2019, 1:15오전 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/48 "2019-11-13T01:15:42Z")

</div>

네, 여기서 테마 설정을 만드는 데 완전히 열려 있습니다.

---

<div class="post-metadata">

### Author: ![martin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/martin/32/491371_2.png) [@martin](https://meta.discourse.org/u/martin)
#### Post date: [11월 17, 2019, 11:38오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/58 "2019-11-17T23:38:00Z")

</div>

@Heather_Dudley 섹션 헤더가 이제 병합되었으니, 새 설정을 가져오도록 햄버거 테마 선택기(Hamburger Theme Selector) 컴포넌트를 업데이트해 주세요!

![image](https://global.discourse-cdn.com/meta/original/3X/7/c/7c1bebd64730e3e05cd076d02375c4cc558cc35b.png)

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/0/2011e86cb1da489fe841ab401128011a04c67f01.png)

---

<div class="post-metadata">

### Author: ![Heather\_Dudley](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heather_dudley/32/151925_2.png) [@Heather\_Dudley](https://meta.discourse.org/u/Heather_Dudley)
#### Post date: [11월 18, 2019, 10:20오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/59 "2019-11-18T22:20:38Z")

</div>

정말 감사합니다! 잘 보입니다. 다만 작은 문제가 하나 있습니다. 제 화면에서는 바로 위에 불필요한 목록 기호가 하나 떠 있습니다:

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/a/5a90ccfdb66e4dc6ad89cbaff1c09c60cb2fae57.png)

메뉴에 다른 목록 항목이 없는데, 어디서 생긴 건지 정확히 모르겠습니다. 혹시 불필요한 별표(\*) 때문일까요?

텍스트에 마우스를 올리면 올바른 링크가 표시되지만, 클릭하면 설정으로 이동하는 대신 테마 중 하나를 클릭한 것처럼 페이지가 새로고침됩니다.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11월 18, 2019, 10:50오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/60 "2019-11-18T22:50:53Z")

</div>

네, @martin이 이 이상한 총알 아이템을 조사 중이고 곧 해결할 것 같아요.

---

<div class="post-metadata">

### Author: ![martin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/martin/32/491371_2.png) [@martin](https://meta.discourse.org/u/martin)
#### Post date: [11월 19, 2019, 12:19오전 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/61 "2019-11-19T00:19:06Z")

</div>

@Heather_Dudley 죄송합니다. 어디서 그런 불필요한 목록 기호가 들어갔는지 모르겠네요. 이제 수정해서 병합했습니다!

---

<div class="post-metadata">

### Author: ![xiasummer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiasummer/32/82790_2.png) [@xiasummer](https://meta.discourse.org/u/xiasummer)
#### Post date: [3월 8, 2020, 8:49오전 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/62 "2020-03-08T08:49:50Z")

</div>

흥미롭네요. 지금은 작동하지 않는 것 같습니다. 무엇과 충돌하는지 모르겠어요.

이것은 매우 중요하고 기본적인 구성 요소라고 생각되므로, Discourse 시스템 자체에 통합되어야 한다고 생각합니다.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [3월 8, 2020, 9:57오전 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/63 "2020-03-08T09:57:06Z")

</div>

메타를 작업 중이므로, 설치된 다른 컴포넌트나 플러그인과 충돌이 발생했을 가능성이 있습니다.

---

<div class="post-metadata">

### Author: ![b481](https://avatars.discourse-cdn.com/v4/letter/b/a9adbd/32.png) [@b481](https://meta.discourse.org/u/b481)
#### Post date: [12월 13, 2020, 9:06오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/65 "2020-12-13T21:06:59Z")

</div>

주말에 이렇게 물어봐서 죄송합니다. 하지만 테마를 원하는 순서로 정렬하는 방법이 있는지 아시는 분이 있을까요? 현재는 알파벳 순서로 정렬되어 있는데, 기본 테마인 라이트 테마를 다크 테마보다 앞에 배치하고 싶습니다. [이 방법](https://www.w3schools.com/cssref/css3_pr_order.asp)을 시도해 봤지만, 내 지식 범위 내에서는 'flex’가 아닌 'block’으로 표시되기 때문에 적용되지 않는 것 같습니다. 이 컨텍스트에서 작동하는 CSS 요소 순서 변경 방법이 따로 있을까요? 참고로, 정말 멋진 컴포넌트네요.

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [12월 14, 2020, 9:12오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/66 "2020-12-14T21:12:12Z")

</div>

이런 제안을 하는 것을 보통 피하지만, 이제 테마 컴포넌트를 (적어도 쉽게) 수정할 수 없게 되었기 때문에 하나의 아이디어를 제안하고 싶었습니다.

현재 선택된 테마를 표시하는 `*`는 다소 단순하다고 느껴서, 대신 `✔`를 사용하는 방식을 선호합니다.

![image](https://global.discourse-cdn.com/meta/original/3X/c/6/c6789ff002710f98bcbbbf7765123a596d510f63.png)

이 아이디어에 대해 어떻게 생각하시나요?

@b481 : 테마는 알파벳 순서로 정렬되어 있으므로, 가장 쉬운 해결책은 테마 이름을 변경하는 것입니다. 예를 들어 다크 테마의 이름을 'Night Theme’으로 변경할 수 있습니다.

---

<div class="post-metadata">

### Author: ![b481](https://avatars.discourse-cdn.com/v4/letter/b/a9adbd/32.png) [@b481](https://meta.discourse.org/u/b481)
#### Post date: [12월 14, 2020, 9:16오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/67 "2020-12-14T21:16:00Z")

</div>

> [@Steven](#):
>
> 보통 이런 제안을 하는 걸 피하는데, 이제 테마 컴포넌트를(적어도 쉽게) 수정할 수 없게 되어서 아이디어를 하나 올려봅니다.
> 
> 선택된 테마를 표시하는 데 `*`는 좀 단순한 것 같아서, `✔`를 사용하는 걸 더 좋아합니다.

동감합니다. 그리고/또는 활성 테마를 굵게 표시하는 건 어떨까요?

> [@Steven](#):
>
> @b481 : 테마는 알파벳 순서로 정렬되어 있습니다. 가장 쉬운 해결책은 테마 이름을 바꾸는 것입니다. 예를 들어 다크 테마를 'Night Theme’으로 이름 붙일 수 있습니다.

알고 있습니다. 하지만 가능하면 순서를 역순으로 바꿀 수 있으면 좋겠습니다. 큰 문제는 아니지만, 사소한 지적일 뿐입니다.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [12월 15, 2020, 7:16오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/68 "2020-12-15T19:16:11Z")

</div>

CSS 코딩은 아직 잘 모르겠습니다. 학습 중입니다.

다만, CSS를 사용하여 오버라이드를 통해 나만의 테마 컴포넌트를 만들 수 있습니다. Display CSS 속성에서 !important를 사용하는 것 같습니다.

---

<div class="post-metadata">

### Author: ![TheDarkWizard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thedarkwizard/32/177913_2.png) [@TheDarkWizard](https://meta.discourse.org/u/TheDarkWizard)
#### Post date: [12월 28, 2020, 12:20오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/69 "2020-12-28T12:20:00Z")

</div>

호기심에, 이 테마 컴포넌트가 색상 팔레트도 표시하도록 만들 수 있을까요? 해당 기능을 비활성화할 수 있는 설정도 함께 제공하면 좋겠습니다.

여기 있는 새로운 기능: [Automatic Dark Mode color scheme switching](https://meta.discourse.org/t/automatic-dark-mode-color-scheme-switching/161593) 을 통해, 사용자가 OS 설정을 변경하거나 계정 메뉴에서 색상을 직접 찾아내는 것을 원하지 않는 경우, 반대되는 색상 팔레트를 쉽게 사용할 수 있으면 정말 좋겠습니다.

---

<div class="post-metadata">

### Author: ![VirgilVulpes](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/virgilvulpes/32/201890_2.png) [@VirgilVulpes](https://meta.discourse.org/u/VirgilVulpes)
#### Post date: [4월 13, 2021, 12:47오전 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/70 "2021-04-13T00:47:27Z")

</div>

지난주 이 테마 컴포넌트가 업데이트된 이후로, 내 Discourse 인스턴스를 사용하는 회원들이 테마를 변경할 수 없게 되었습니다. 모든 사용자는 기본 테마(이 인스턴스의 경우 다크 테마)로 전환되었고, 테마를 변경하면 별표(\*)가 해당 대체 테마로 이동하지만, 테마 자체에는 아무런 변화가 없습니다. 이 문제를 해결하기 위해 제가 무엇을 해야 할지 아이디어가 있으신가요?

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [4월 13, 2021, 2:46오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/71 "2021-04-13T14:46:07Z")

</div>

Discourse를 현재 이용 가능한 최신 버전으로 업데이트하셨나요?

---

<div class="post-metadata">

### Author: ![VirgilVulpes](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/virgilvulpes/32/201890_2.png) [@VirgilVulpes](https://meta.discourse.org/u/VirgilVulpes)
#### Post date: [4월 13, 2021, 3:24오후 UTC](https://meta.discourse.org/t/hamburger-theme-selector/61210/72 "2021-04-13T15:24:23Z")

</div>

네, 먼저 Discourse 업데이트를 수행했으며, 현재 버전은 2.7.0.beta6입니다.

[이전 페이지](https://meta.discourse.org/t/hamburger-theme-selector/61210.md?page=2)

[다음 페이지](https://meta.discourse.org/t/hamburger-theme-selector/61210.md?page=4)
