How to add a specific body class for the dark (or light) mode?에서 이어지는 토론입니다:
여전히 그런가요?
다크 테마를 사용할 때 외부 위젯(leaflet 지도)에 특정 CSS를 적용하고 싶은데, 여전히 CSS 셀렉터만으로 식별하는 것이 불가능한가요?
물론 테마 컴포넌트를 만들어 변경 사항을 적용하고 관리자가 이를 Dark Scheme에 추가하도록 할 수는 있지만, 그렇게 하면 자동으로 전환되지 않습니다 …(이것은 현재의 해결책입니다)
이렇게 하면 필요한 작업을 수행할 수 있을까요? 이 코드는 color_definitions.scss에 추가되어야 합니다.
@if #{schemeType()} == dark {
body {
background: red;
}
} @else {
body {
background: blue;
}
}
다만 클래스를 사용하는 것도 유용할 것 같습니다. 하나 추가할 수 있을 것 같아요.
제안해 주셔서 감사합니다.
CSS로 구별할 수만 있다면 클래스일 필요는 없네요.
바보 같은 질문이지만: Theme Component나 Plugin 안에서 어떻게 하면 될까요?
리모트 테마나 컴포넌트에서 common/color_definitions.scss 파일을 만들 수 있습니다. 관리자 패널을 통해 CSS를 추가하려는 경우, 해당 섹션이 있습니다: