Avoir une boîte pour le conteneur du sujet principal est très tendance en ce moment, mais je ne voulais pas d’un thème complet avec tout le reste.
J’ai donc créé un composant de thème. Vous pouvez maintenant assembler les parties comme vous le souhaitez. 
|||
|-|-|-|
| 
| Résumé | Léger contour pour le conteneur de la liste des sujets principaux
| 
|Aperçu| Theme Creator |
| 
|Dépôt| GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse |
| 
|Guide d’installation|Comment installer un thème ou un composant de thème|
| 
|Nouveau sur les thèmes Discourse ?| Guide pour débutants sur l’utilisation des thèmes Discourse
Description
Ceci ajoute une ombre portée et un espacement pour le conteneur principal. Il s’applique à la liste des sujets, au conteneur principal du tableau de bord d’administration, etc.
Paramètres
Vous pouvez définir une couleur d’arrière-plan avec les paramètres couleur d'arrière-plan claire et couleur d'arrière-plan sombre.
Extensibilité
Vous pouvez également cibler le background-container dans un autre composant de thème.
Par exemple, vous pouvez ajouter un dégradé.
.background-container {
background: linear-gradient(180deg, var(--header_primary-high) 0%, rgba(137, 160, 210, 0.7) 100%);
}
Crédits
Merci à @awesomerobot et @jsthon pour le code dans Un thème élégant pour Discourse
(dans ce crédit de thème, j’étais tmoko, haha.)
Commentaires
Tout commentaire constructif sur les meilleures pratiques en CSS serait très apprécié.
Par exemple, comment gérer au mieux les thèmes sombre/clair, les marges intérieures/extérieures, etc.