테마 컴포넌트에서 다크와 라이트 색상 선택하기

다크 테마와 라이트 테마에 따라 색상이 다른 테마 컴포넌트가 있습니다. 라이트와 다크 색상 중 하나를 선택하기 위해 dark-light-choose 함수를 사용해 왔는데, 색상 변수 업데이트 이후로는 더 이상 작동하지 않습니다. 구체적으로, 다크 색상 스키마가 선택되어 있더라도 테마 컴포넌트에 대해 dark-light-choose는 항상 라이트 색상을 반환합니다. 간단한 예시를 들어보면, 색상 정의 부분에 다음과 같이 작성하고

$d-color: dark-light-choose(#fff, #000);

:root {
  --d-color: #{$d-color};
}

공통(common) 부분에 다음과 같이 작성하면

.d-header {
  background: var(--d-color);
}

사용 중인 색상 스키마와 관계없이 항상 흰색 헤더가 표시됩니다. 왜 이런 문제가 발생하는지 아이디어가 있을까요?

여기서 조언 좀 부탁드릴 수 있을까요 @awesomerobot ?

음, 네, 방금 시도해 봤는데 같은 문제에 부딪혔어요… 부모 테마가 다른 스킴으로 전환되어도 컴포넌트는 기본 색상 스킴만 인식하는 것 같습니다. 아직 컴포넌트에서 색상 정의 스타일시트를 사용해 본 적이 없는데… @pmusaraj, 이게 전에 제대로 동작했나요, 아니면 무언가가 회귀(regression)했나요?

리그레션으로 보입니다. 확인해 보겠습니다.

맞습니다, 회귀 버그였습니다. 보고해 주셔서 감사합니다, @Lumi. 이제 DEV: More refactoring of SCSS importers (#12143) · discourse/discourse@5604ce7 · GitHub 를 통해 수정되었습니다.