Contenedor de lista de temas ligero

Tener un cuadro para el contenedor del tema principal está muy de moda en este momento, pero no quería un tema completo con todo lo demás.

Así que he creado un componente temático. Ahora puedes armar las partes como quieras. :ok_hand:

|||
|-|-|-|
| :information_source: | Resumen | Ligero esquema para el contenedor de la lista de temas principal
| :eyeglasses:|Vista previa| Theme Creator |
| :hammer_and_wrench:|Repositorio| GitHub - tracey-le/discourse-lightweight-topic-container: Lightweight main outlet container for Discourse |
| :question:|Guía de instalación|Cómo instalar un tema o componente temático|
| :open_book:|¿Nuevo en Temas de Discourse?| Guía para principiantes sobre el uso de Temas de Discourse

Descripción

Esto añade una sombra de caja y algo de espaciado para el contenedor principal. Se aplica a la lista de temas, al contenedor principal en el panel de administración, etc.

Configuración

Puedes establecer un color de fondo con las configuraciones color de fondo claro y color de fondo oscuro.

Extensibilidad

También puedes apuntar al contenedor de fondo en otro componente temático.
Por ejemplo, puedes añadir un degradado.

.background-container {
  background: linear-gradient(180deg, var(--header_primary-high) 0%, rgba(137, 160, 210, 0.7) 100%);
}

Créditos

Gracias a @awesomerobot y @jsthon por el código en Un tema elegante para Discourse

(en esos créditos del tema, yo era tmoko, ¡jaja!)

Comentarios

Agradecería cualquier comentario constructivo sobre las mejores prácticas en CSS.
Por ejemplo, cómo manejar mejor los temas oscuros/claros, el relleno/los márgenes, etc.

Enlaces

3 Me gusta