본문 CSS 클래스에 CurrentThemeId 추가하기

지원
1

안녕하세요,
활성 테마 ID를 <html> 또는 <body> 태그의 CSS 클래스로 추가하는 방법을 도와주실 수 있나요?
일부 스타일을 작성해야 하는데, 테마별로 다른 속성이 필요합니다.

예를 들어 "dark-theme"을 사용할 때:

<html class="desktop-view not-mobile-device text-size-normal dark-theme">
2

이름을 ID로 사용하지 않고, 숫자만 사용합니다. 관리자 패널에서 테마를 커스터마이징할 때 URL을 확인하면 테마 ID를 찾을 수 있습니다. 예를 들어 https://forum.example.come/admin/customize/themes/140

ID만 사용하고 이름은 필요하지 않다면, 아래 방법을 통해 빠르게 처리할 수 있습니다 (테마/컴포넌트의 head 파일에 추가):

<script type="text/discourse-plugin" version="0.8">
  var themeSelector = require('discourse/lib/theme-selector');
  document.querySelector("body").classList.add("theme-id-" + themeSelector.currentThemeId())
</script>

ID로 테마 이름도 찾을 수 있지만, 그 작업은 조금 더 복잡합니다.

3

고맙습니다, Kris, @awesomerobot

Discourse 플러그인과 관련 라이브러리 메서드에 대한 문서가 있나요?

다음 문서를 찾았지만, 모든 라이브러리와 메서드를 포함하지 않는 것 같습니다: