# Discourse의 내장된 다크/라이트 테마 전환을 사용할 때, Discourse에서 dark 모드 스타일을 어떻게 작성하나요? 현재 .dark 스타일을 찾을 수 없습니다.

**URL:** https://meta.discourse.org/t/discourse-discourse-dark-dark/379040
**Category:** Support
**Created:** [8월 18, 2025, 12:13오후 UTC](https://meta.discourse.org/t/discourse-discourse-dark-dark/379040 "2025-08-18T12:13:47Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![sky-winter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sky-winter/32/517080_2.png) [@sky-winter](https://meta.discourse.org/u/sky-winter)
#### Post date: [8월 18, 2025, 12:13오후 UTC](https://meta.discourse.org/t/discourse-discourse-dark-dark/379040/1 "2025-08-18T12:13:47Z")

</div>

> 디스코스의 내장된 라이트/다크 테마 전환 기능을 사용 중입니다. 디스코스에서 다크 모드 스타일을 작성하는 방법을 알고 싶습니다. 현재 .dark 스타일을 찾지 못하고 있습니다.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [8월 18, 2025, 1:01오후 UTC](https://meta.discourse.org/t/discourse-discourse-dark-dark/379040/2 "2025-08-18T13:01:24Z")

</div>

이것이 정확히 무엇을 의미하는지 확실하지는 않지만, CSS에서 사용할 수 있는 믹스인(mixin)이 있습니다. 이 믹스인은 두 개의 변수를 허용하며, 활성화된 모드에 따라 값을 선택합니다.

예시:

```plaintext
 color: light-dark(#ffffff, #000000);

```

그 외에도 about.json 파일에 미리 만들어진 색상 팔레트가 있습니다.

에어(air) 테마의 예시:

```plaintext
  "color_schemes": {
    "air-light": {
      "primary": "1c1c1c",
      "secondary": "f9fcff",
      "tertiary": "3877e5",
      "quaternary": "7e8b93",
      "header_background": "f9fcff",
      "header_primary": "122b43",
      "highlight": "e6cb37",
      "danger": "d05454",
      "success": "71bd9f",
      "love": "c16ad7",
      "selected": "e1ebfb"
    },
    "air-dark": {
      "primary": "e0e0e0",
      "secondary": "2d2d2d",
      "tertiary": "9a5cfd",
      "quaternary": "71bd9f",
      "header_background": "202020",
      "header_primary": "e0e0e0",
      "highlight": "9a5cfd",
      "danger": "d05454",
      "success": "71bd9f",
      "love": "c16ad7",
      "selected": "2f0177",
      "hover": "535353"
    }
  },

```

---

<div class="post-metadata">

### Author: ![sky-winter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sky-winter/32/517080_2.png) [@sky-winter](https://meta.discourse.org/u/sky-winter)
#### Post date: [8월 19, 2025, 1:33오전 UTC](https://meta.discourse.org/t/discourse-discourse-dark-dark/379040/3 "2025-08-19T01:33:23Z")

</div>

네, 두 개의 변수를 허용하는 CSS 믹신을 사용하면 문제를 해결할 수 있겠네요. 감사합니다.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [9월 18, 2025, 1:34오전 UTC](https://meta.discourse.org/t/discourse-discourse-dark-dark/379040/4 "2025-09-18T01:34:21Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
