메인 토픽 컨테이너에 박스를 적용하는 방식은 요즘 꽤 트렌디하지만, 다른 모든 요소까지 포함하는 완전한 테마는 원하지 않았습니다.
그래서 테마 컴포넌트를 만들었습니다. 이제 원하는 대로 각 부분을 조합할 수 있습니다. 
 |
요약 | 메인 토픽 목록 컨테이너의 경량 아웃라인 |
 |
미리보기 | Theme Creator |
 |
저장소 | GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse · GitHub |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
디스코러스 테마 입문자? | 디스코러스 테마 사용 입문 가이드 |
설명
이 컴포넌트는 메인 컨테이너에 박스 섀도우와 여백을 추가합니다. 토픽 목록, 관리자 대시보드의 메인 컨테이너 등에 적용됩니다.
설정
background color light 및 background color dark 설정을 통해 배경색을 지정할 수 있습니다.
확장성
다른 테마 컴포넌트에서 background-container를 대상으로 지정할 수도 있습니다.
예를 들어, 그라디언트를 추가할 수 있습니다.
.background-container {
background: linear-gradient(180deg, var(--header_primary-high) 0%, rgba(137, 160, 210, 0.7) 100%);
}
크레딧
A Graceful theme for Discourse의 코드에 도움을 주신 @awesomerobot 과 @jsthon 에게 감사드립니다.
(그 테마의 크레딧에서는 제가 tmoko였어요, 하하.)
피드백
CSS 모범 사례에 대한 건설적인 피드백을 많이 주시면 감사하겠습니다.
예를 들어, 다크/라이트 모드, 패딩/마진 등을 어떻게 처리하는 것이 최적인지 등입니다.