>>5
おそらくテンプレ作成者さんの意図していないHTML構造にしているがために起きている事象だと思われます……。（普通ならしないHTML構造になっているので……）

まあまあ複雑なCSSなので下手に触らず、【文章画面編集】だけ弄ってみる方向にしますね。

>🔷【文章画面編集】は以下に書き換え（自動改行のチェックは外すのがお薦め）
<main>
<article>
<p>#text#</p>
<ul class="menu">
<li>#novel20_戻る#</li>
</ul>
</article>
</main>

>🔷小説本文には試しに以下を入れてみる
あいうえお
かきくけこ
<span style="color:#c0c0c0">文字色を灰色に</span>
さしすせそ


**✅文字色を灰色にするときは、<span>タグを使うのがベター。
<font>でも色は変わるのですが、すでに廃止されたタグなので、現在は使用が非推奨です。
※いきなり<font>タグが無効になるということは今のところないですが、将来どうなるか分からないし……ということで使わないほうが安心。


以上でとりあえず小説本文は基本的に黒文字になり、
あとは文字色を変えたいときにだけ「<span style="color:#c0c0c0">文字色を灰色に</span>」のタグを使えば、読めるようになるとは思います。

本来のテンプレがどういうHTML構造を想定しているか、これだけだと読み取りきれないので正しいデザインになっているか分かりませんが……。


デザイン系で回答を募る場合はHTML・CSSを載せた方が早く問題箇所を特定できるので、
ご参考までに、小説機能におけるHTML・CSSとはどれのことかというざっくり説明画像を置いてゆきます。