CSS가 다크 테마 추가 기능을 깨뜨립니다

개발
1

프로덕션 포럼에 다크 테마를 추가하는 데 어려움을 겪고 있습니다. 이유가 무엇인지 확실하지는 않지만, 사이트의 일부 요소가 계속 흰색으로 유지되고 있습니다. 테스트용 Discourse 인스턴스를 새로 띄웠는데 재현이 되지 않는데, 프로덕션 포럼에서는 다크 테마를 활성화한 후 다음과 같은 모습을 보입니다:

image
image1360×305 19.4 KB

CSS. 클릭하여 보기

.page-not-found-search { display: none; }
.hamburger-panel ul.category-links li.subcategory {
display: none;
}
img[src*=‘#left’] {
float: left;
}
img[src*=‘#right’] {
float: right;
}
img[src*=‘#center’] {
display: block;
margin: auto;
}
.d-header-icons .icon:hover, .d-header-icons .icon:focus {
background-color: white;
}

.d-header-icons .d-icon {
color: white;
}

.d-header-icons .icon:hover .d-icon, .d-header-icons .icon:focus .d-icon {
color: #0082c9;
}

.drop-down-mode .d-header-icons .active .icon .d-icon {
color: #0082c9;
}

/* 카테고리 목록에서 하위 카테고리를 표시하지 않음 */
.category-list .subcategories {
display: none;
}

제 생각에는 문제가 CSS에 있는 것 같습니다. 어떻게 수정할 수 있을지 궁금합니다. 도움을 주시면 감사하겠습니다.

2

다른 테마나 컴포넌트가 관련되어 있나요?

단순히 색상 스킴만 변경하는 중인가요, 아니면 CSS를 통해 변경을 시도하고 있나요?

URL을 공유해 주실 수 있을까요?

3

image
image518×100 3.64 KB

지금까지 색상 스킴을 조정해 왔습니다. 기존 CSS(위 링크 참조)와 테마 설정을 내 개인 Discourse에서 테스트하기 위해 내보냈지만, 그런 문제는 발생하지 않았습니다.

제가 이 수준의 접근 권한을 얻기 위해 그 권한을 포기한 것으로 알고 있습니다. :heart:

4

해결했어요. 기본값인 줄 알았던 커스텀 컴포넌트에 추가적인 커스텀 CSS 값이 작성되어 있었습니다. 해당 컴포넌트를 제거하니 모든 문제가 해결되었고, 다크 테마가 완벽하게 작동합니다.

바쁘신 와중에 도움을 주신 @pfaffman님께 감사드립니다. :heart:

5

그건 "배너를 흰색으로"이었을 것 같아!!!

6

“Font”이었어요 :wink: