ページに背景グラデーションオーバーレイを作成し、ディスカッションエリアを白にする

はい、グラデーションオーバーレイが最も適切なアプローチでしょう。以下のように、2つの背景を同時に定義できます。

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;
}

または、トピックページ以外のページ(プロフィール、トピック一覧など)にはこの背景グラデーションを表示したくない場合は、パターンをbodyに設定し、その上に.archetype-regular #main-outlet { }でグラデーション背景を重ねることもできます。