ソレガシさん

ご要望ですから、ご判断はわいひらさんです。

私の意見も言わせていただくならば。

投稿者:: @soregashi

（+,－だけ別の色にしたいケースは少ないと思われるため）

すみません、私は別が良いです。
少数派かもしれませんが。

理由は「見出し」ではないと思うからです。
アコーディオンの開閉状態を表しているものであり、「見出し」ではないと思うからです。

例えば「正解はこちら」という見出しを書いたとして、「＋正解はこちら」ではない・・・と感じています。

ちなみに、以下のように書けば、変更はできると思います。

.toggle-button::before {
    color: #fff;
}

私の勝手な思いを書かせていただきました。
失礼致しました。

とりあえず、+-マークの色を変更するとこんな感じになります。
意見が割れると、悩みますね。
本来はmk2さんが書かれた通り、文字とは分離したものなので色は変更していませんでした。

他の方もご意見いただければ・・・でしょうか。

画像を拝見した感じだと、やはり違和感はあります。
（あくまでも、少数派かもしれない個人的な意見です。＋－にそんなに目立って欲しくはないと思っているもので。）

私は、CSSをあてれば良いのであれば、それでも対処できますので。

+ マークと文字の間の余白をもっと取ってもいいかもしれません。

添付画像は、デフォルトの 0.4em（5.76px）を 24px に変更したものです。

ちなみに、私は + マークと文字が同じ色、もしくは背景色に対する文字色のコントラスト比より + マークのコントラスト比が若干低い色が好みです。

あんまり意識したことなかったですが、見比べた感じでは文字色と同じ派かなと思いました。

サンプルページなんかを見ると黄色背景に灰色だと見えにくかったりします。

背景色と文字色は各自で見えやすい色に設定するでしょうから、記号部分も文字色と同じにすれば見やすいと思います。

(ちゃんと構造を見てないですが)各自でカスタマイズすることを考えても、「記号の色を文字色に合わせる」よりも「文字色に関わらず記号は灰色に統一する」の方がやりやすそうです。

投稿者:: @akira

+ マークと文字の間の余白をもっと取ってもいいかもしれません。

これはそうかもしれないです。

ちなみに只今地震の影響？による停電中なもので、今晩はこれにて失礼してしまいます。

スマホもネットに繋がりにくいです。

文字色を統一しつつ、Akiraさんの案を使わせて頂いて、アイコンフォントのコントラストを落としてみました（あと少し余白を大きくした）。
これで、文字色との統一感を出しつつ、別物感も出せたのかなと思います。

ご対応いただきありがとうございます

私としては、まったく違和感ありません。
見出しと＋－も別物になっていると思います。

ご要望いただいたソレガシさんや、他の方はいかがでしょう。

ご確認いただきありがとうございます！

とりあえず、トピック主さんの回答を待ちたいと思います。
回答がない場合は、このままで行こうかなと思います。

確認しました！遅くなってしまい、申し訳ありません。

統一感と、記号としての意義両方を取りつつ、Akiraさんの案も相まってバランスもよくなったように思います。ありがとうございます。

ご確認いただきありがとうございます！
色々な方のご要望に添えたようでよかったです^^
次回のアップデートで適応しようと思います。