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

제품 지원
1

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

2

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

예시:

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

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

에어(air) 테마의 예시:

  "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"
    }
  },
3

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