다크/라이트 모드 전환

[Andrew_Rowe]

도와주셔서 감사합니다.
저는 이 다크/라이트 모드 토글 컴포넌트를 사용 중입니다.

@Moin

질문이 다크 모드로 전환하는 토글을 추가하는 이 테마 컴포넌트에 관한 건가요, 아니면 일반적으로 다크 컬러 팔레트를 감지하는 방법에 관한 건가요?

저의 질문은 현재 어떤 모드에 있는지 감지하여 배경 이미지를 전환하는 방법에 관한 것입니다. 라이트 모드용 이미지 하나와 다크 모드용 이미지 하나를 사용하길 원합니다.

게시해주신 링크와 이 링크를 따라 해보았습니다.

색상 스킴별 다른 CSS 변경 사항

If I understand the issue well, there’s a specific thing to do for this. I’ve been working on a guide about this, but I’m struggling a bit to merge information so it’s clear enough to directly use the information in a theme, but still explains underlying technical stuff. To explain how to do it the most clearly as I can… I suggest you create a theme locally (using Install the Discourse Theme CLI console app to help you build themes will help). Then, create a common/color_definitions.scss …

이 링크는 조금 더 자세한 내용을 다루고 있지만, 성공하지 못했습니다. 제 테마에 이미지 파일(JPG) $bg-light와 $bg-dark를 추가하는 것을 시도해 보았습니다.

또한, 그 게시물에 있는 코드를 사용하여 color_definitions.scss 스타일시트를 제 테마에 추가하는 것도 시도해 보았습니다.

$bg: url(dark-light-choose($bg-light, $bg-dark));

:root {
  --custom-bg: #{$bg};
}

게다가 GitHub에서 테마를 생성하는 것도 시도해 보았습니다.

GitHub - MyRaceData/WebsiteTheme

말씀드린 것처럼, 조금 헤매고 있는 점 죄송합니다.
새로운 토픽을 시작해야 한다면 알려주시고, 어떤 카테고리에 올려야 하는지도 알려주시면 감사하겠습니다.
도와주셔서 감사합니다.