He añadido un patrón de fondo .svg sutil (que se repite) a mi CSS del tema, utilizando el siguiente código:
body {
background:url(https://forums.pickleballist.com/uploads/default/original/1X/b7df60bb8a3fd1584f393dee365865ca83e4906e.svg) center top;
background-size: 300px auto;
}
El área .wrap predeterminada en una nueva instalación de Discourse tiene max-width: 1110px;. Actualmente, mi fondo es un poco distractor para el texto de la conversación en el centro de la página (el área principal de contenido).
Me gustaría que el área central principal (main-outlet), donde se desarrolla el texto y las discusiones, tuviera una opacidad del 0% en el centro exacto, mostrando solo un fondo blanco, y luego aplicar algún tipo de gradiente que aumente gradualmente la opacidad de mi fondo hasta el 100%, lo que mostraría el fondo alrededor de todos los bordes.
Así es como se ve actualmente mi fondo… con una opacidad del 100%, en toda la página…
Esto es lo que me gustaría que ocurra…
Me gustaría que el área general (no tiene que ser exacta), delimitada en rojo, tuviera mi fondo con una opacidad del 0%, dejando así el fondo blanco predeterminado completamente visible. (No lo sé, pero esto podría requerir una superposición de gradiente horizontal bi-lineal sobre mi fondo que vaya desde #FFFFFF (blanco) en el centro hasta transparente en los bordes)
Aquí hay un ejemplo de cómo me gustaría que se viera la página…
Puedo lograr esto 
︎ usando una imagen de fondo que no sea un SVG, pero quedaba muy granulada. Quería imágenes de alta calidad como fondo, así que actualmente estoy usando el SVG.
Si alguien tiene alguna idea sobre cómo podría hacer estos ajustes, ¡me encantaría escuchar sus opiniones!
