Richtig, ein Farbverlauf-Overlay ist wahrscheinlich der beste Ansatz… Du kannst zwei Hintergründe gleichzeitig so definieren:
body {
background: radial-gradient(circle at center, rgba(255,255,255,1) 35%, rgba(255,255,255,0)) fixed, url(https://forums.pickleballist.com/uploads/default/original/1X/b7df60bb8a3fd1584f393dee365865ca83e4906e.svg) center top / 300px auto ;
background-attachment: fixed;
}
Oder wenn du diesen Farbverlauf nur auf Themenseiten und nicht auf anderen Seiten (wie Profilen, Themenlisten usw.) haben möchtest… könntest du das Muster auf body setzen und dann den Farbverlaufshintergrund darüber in .archetype-regular #main-outlet { }.