Ter uma caixa para o contêiner do tópico principal está bastante em alta no momento, mas eu não queria um tema completo com todo o resto.
Então, criei um componente de tema. Agora você pode montar as partes como quiser. 
|||
|-|-|-|
| 
| Resumo | Leve contorno para o contêiner da lista de tópicos principal
| : eyeglasses:|Prévia| Theme Creator |
| : hammer_and_wrench:|Repositório| GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse |
| : question:|Guia de Instalação|Como instalar um tema ou componente de tema|
| : open_book:|Novo em Temas do Discourse?| Guia para iniciantes no uso de Temas do Discourse
Descrição
Isso adiciona uma sombra de caixa e algum espaçamento para o contêiner principal. Aplica-se à lista de tópicos, ao contêiner principal no painel de administração, etc.
Configurações
Você pode definir uma cor de fundo com as configurações cor de fundo clara e cor de fundo escura.
Extensibilidade
Você também pode direcionar o background-container em outro componente de tema.
Por exemplo, você pode adicionar um gradiente.
.background-container {
background: linear-gradient(180deg, var(--header_primary-high) 0%, rgba(137, 160, 210, 0.7) 100%);
}
Créditos
Obrigado a @awesomerobot e @jsthon pelo código em Um tema elegante para Discourse
(Nesses créditos de tema, eu era tmoko, haha.)
Feedback
Qualquer feedback construtivo sobre as melhores práticas em CSS seria muito apreciado.
Por exemplo, como lidar melhor com claro/escuro, preenchimento/margens, etc.