# 직접 만든 '다크 테마'가 깨졌어요. 라이트 테마 요소가 섞여 있습니다
**URL:** https://meta.discourse.org/t/our-custom-dark-theme-is-broken-has-light-theme-elements/161841
**Category:** Support
**Created:** [8월 23, 2020, 6:36오후 UTC](https://meta.discourse.org/t/our-custom-dark-theme-is-broken-has-light-theme-elements/161841 "2020-08-23T18:36:30Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@sunjam](https://meta.discourse.org/u/sunjam)
#### Post date: [8월 23, 2020, 6:36오후 UTC](https://meta.discourse.org/t/our-custom-dark-theme-is-broken-has-light-theme-elements/161841/1 "2020-08-23T18:36:30Z")
[MD Topic List component](https://meta.discourse.org/t/md-topic-list-component/117694)에서 이어진 토론:
MD Topic List Component를 사용하여 게시물을 표시해 보았는데, 각 게시물이 밝은 색과 어두운 색을 번갈아 가며 표시됩니다. 원래 테마를 코딩한 사람은 아니지만, 문제 해결을 위한 어떤 아이디어든 환영합니다! 또한 [우리 포럼은 어두운 배경을 사용함에도](https://discuss.noisebridge.info) Easy Footer 컴포넌트도 흰색 배경으로 표시됩니다. 매우 이상합니다.
---
### Author:  [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [8월 23, 2020, 6:56오후 UTC](https://meta.discourse.org/t/our-custom-dark-theme-is-broken-has-light-theme-elements/161841/2 "2020-08-23T18:56:33Z")
푸터의 경우, 일부 CSS를 추가하거나 클래스를 수정해야 합니다.
```css
.custom-footer {
background: #222;
}
```
토픽 목록의 경우, 해당 문제가 실제로 발생하는 예시를 찾지 못했지만, 해당 컴포넌트가 토픽 목록 미리보기 플러그인과 호환되지 않는 것으로 보입니다. 제 추측에 따르면, 사용자 정의 CSS와 컴포넌트 사이에 충돌이 있는 것 같습니다. 저는 해당 컴포넌트의 배경색을 사용자 정의하지 않았습니다.
---
### Author:  [@sunjam](https://meta.discourse.org/u/sunjam)
#### Post date: [8월 23, 2020, 7:20오후 UTC](https://meta.discourse.org/t/our-custom-dark-theme-is-broken-has-light-theme-elements/161841/3 "2020-08-23T19:20:32Z")
> [@Steven](#):
>
> topic 목록에 대해서는 해당 문제의 라이브 예시를 찾지 못했지만, 해당 컴포넌트가 topic list preview 플러그인과 호환되지 않습니다. 아마도 사용자 정의 CSS와 컴포넌트 사이에 충돌이 있는 것 같습니다. 저는 해당 컴포넌트에 배경색을 사용자 정의하지 않았습니다.
후속 답변 감사합니다. 실제로 `MD Topic List`를 `Topic List Preview` 컴포넌트가 활성화되어 있지 않은(플러그인으로 사용하지 않는) 대체 테마와 함께 사용하려고 시도하고 있습니다.
> [@Steven](#):
>
> ```plaintext
> .custom-footer {
> background: #222;
> }
>
> ```
이것도 감사합니다. 해당 변경 사항을 추가했는데, 회색 텍스트도 강렬한 흰색으로 변경하는 방법을 궁금합니다. CSS를 살펴보고 있지만 아직 명확하지 않습니다. 현재 푸터는 다음과 같이 보입니다:
---
### Author:  [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [8월 23, 2020, 8:38오후 UTC](https://meta.discourse.org/t/our-custom-dark-theme-is-broken-has-light-theme-elements/161841/4 "2020-08-23T20:38:43Z")
> [@sunjam](#):
>
> 감사합니다. 해당 변경 사항을 추가했고, 회색 텍스트를 강렬한 흰색으로 바꾸는 방법도 궁금합니다. CSS를 살펴보고 있지만 여전히 확실하지 않습니다. 현재 푸터는 다음과 같이 보입니다:
```css
.custom-footer .footer-section-link-wrapper a {
color: #646464;
}
```
이것은 링크 색상을 정의하는 CSS 클래스입니다