안녕하세요,
저는 tag banners 플러그인을 사용하고 있습니다. 이 플러그인은 모든 배너의 배경색을 primary-very-low로 하드코딩하고 있는데, 다크 모드에서는 이 색상이 텍스트 색상과 동일해집니다. 기본 material 테마는 var(--secondary)를 올바르게 사용하여 다크 모드에서 자동으로 어두운 색으로 전환됩니다. 태그 배너의 배경색을 쉽게 수정할 방법이 있을까요?
결국, 렌더링된 CSS가 다음과 같이 사용되기를 원합니다.
.tag-title-header {
- background: #f8f8f8;
+ background-color: var(--secondary);
}
감사합니다.
태그 배너 스타일을 변경하는 방법은 여기에서 설명되어 있습니다: Tag Banners
사이트의 CSS 편집기에서 배경을 변경할 수 있습니다. admin/customize/themes/1/common/scss/edit으로 이동하여 해당 위치에 CSS를 추가하세요:
예를 들어, 저는 다음과 같이 사용했습니다:
[class*="tag-title-header"][class*=" tag-banner-"] {
background-color: var(--secondary);
}
속성 선택자를 사용하여 모든 태그에서 배경이 변경되도록 했습니다. 하지만 클래스에 태그 이름을 지정하면 해당 태그에만 배경이 변경되도록 할 수도 있습니다.
이제 CSS 변수를 지원하고 있으니, 테마 자체에서도 이 문제를 수정해야 합니다 
둘 다 감사합니다! 로컬 테마 컴포넌트를 만들고 거기서 CSS를 수정했습니다!