# Discourse용 다크 테마 Dracula

**URL:** <https://meta.discourse.org/t/dracula-a-dark-theme-for-discourse/146350>\
**Category:** Theme\
**Created:** [3월 31, 2020, 10:13오후 UTC](https://meta.discourse.org/t/dracula-a-dark-theme-for-discourse/146350 "2020-03-31T22:13:42Z")\
**Posts on this page:** 1\
**Showing post:** 30

<div class="post-metadata">

**Author:** ![olivia](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/olivia/32/324299_2.png) [@olivia](https://meta.discourse.org/u/olivia)\
**Post date:** [1월 17, 2024, 8:10오전 UTC](https://meta.discourse.org/t/dracula-a-dark-theme-for-discourse/146350/30 "2024-01-17T08:10:49Z")

</div>

**Dracula 테마 - 색상 문제**

**설명:** Discourse 사이트에서 Dracula 테마와 관련된 문제를 발견했습니다. 테마의 외관이 예상된 모습과 다르며, 특히 색상 스키마와 탭의 모습에서 차이가 납니다. 처음에는 Dracula를 사용하는 다른 사이트와 달리 내 테스트 사이트에서 테마가 다르게 표시되었습니다. GitHub 저장소에서 다시 설치한 후 외관이 일치하게 되어, 오래된 코드 또는 변수 사용에 문제가 있는 것으로 추정됩니다.

**재현 단계:**

1. 관리자 → 사용자 정의 → 테마에서 Dracula 테마를 설치했습니다.
2. 기본 테마로 설정했습니다.
3. 관리자 → 사용자 정의에서 사용자를 위한 다른 테마 및 색상 스키마 옵션을 비활성화했습니다.
4. 내 프로필(환경 설정 → 인터페이스)에서 Dracula가 선택 가능한 유일한 테마임을 확인하여, 기본 설정 그대로 보고 있는지 확인했습니다.
5. 특히 탭의 외관이 예상과 다름을 확인했습니다(테마에 잠재적 문제가 있음을 나타냄).

**스크린샷:**

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/f/4/0f453cf4b448ea062b31edd079299978c96c80a6.png)

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/9/b/99bd261d2bfceeab439b972e9d5fcc9b42ec0ff0.jpeg)

**플랫폼:**

- Mac (데스크톱)

**브라우저:**

- Chrome

**추가 의견:** 이 문제는 테마에서 오래된 CSS 변수를 사용했기 때문에 발생하는 것으로 보입니다. Dracula 테마의 현재 구문($primary, $tertiary, $secondary)은 최근 Discourse 테마에서 사용되는 더 새로운 변수 형식(var(–tertiary), var(–secondary))에 비해 구식이 되었습니다. [이 GitHub 예시에서 볼 수 있듯이](https://github.com/dracula/discourse/blob/eac56a3e304bad3444aed6f40a5eaad270ac3932/common/common.scss#L186). 이러한 구식 변수 사용은 특히 대체 테마나 색상 스키마를 선택할 수 없는 경우 비정상적인 렌더링을 유발할 가능성이 높습니다. 테마를 다시 설치한 후에도 문제가 남아 있어, 이는 테마 코드 구조 내부의 더 깊은 문제를 나타냅니다.

---

_[View the full topic](https://meta.discourse.org/t/dracula-a-dark-theme-for-discourse/146350)._