문제를 잘 이해했다면, 이를 위해 특정 작업을 수행해야 합니다.
이 주제에 대한 가이드를 작성하고 있지만, 테마에서 정보를 직접 사용할 수 있을 정도로 명확하게 정보를 통합하는 동시에, 기초적인 기술적인 내용도 설명해야 한다는 점에서 다소 어려움을 겪고 있습니다.
가능한 한 가장 명확하게 설명하기 위해…
로컬에서 테마를 생성하는 것을 제안합니다(Install the Discourse Theme CLI console app to help you build themes 를 사용하면 도움이 됩니다).
그 다음, 테마 안의 common/color_definitions.scss 파일을 생성하여 다음 내용을 작성합니다:
$my-color: dark-light-choose(#FC3468, #FF93AC);
:root {
--my-color: #{$my-color};
}
그런 다음 common/common.scss에서 변수를 다음과 같이 사용할 수 있습니다:
h1 {
color: var(--my-color);
}
이렇게 하면 다크 모드나 라이트 모드일 때 자동으로 올바른 색상이 선택됩니다.