これはライトモード/ダークモードとは無関係で、それらのボックスの色は固定されています。パレットの選択に関わらず、同じ背景色と文字色が使用されています。そしてご指摘の通り、背景色（変数 --color-feature から取得した #667eea）は、白い文字に対して非常に薄すぎます。
Chrome のコントラストチェックでは、rgb(255, 255, 255 / 95%) を #667eea 上に配置した場合のコントラスト比は 3.46:1 と判定され、WCAG AA の最低基準である 4.5:1 を満たしていません。（意外なことに、黒い文字であれば 4.5:1 でかろうじて合格しますが、それでも見栄えが悪く、読みやすさにも欠けます。）
したがって、これは至急対応すべき問題であり、正直なところ、サイト全体が完全なアクセシビリティレビューを必要としていることを示しています。2026 年において、アクセシビリティはあらゆるウェブサイトのローンチ機能であるべきです。
（当面の間、--color-feature を #3048b6 に変更すれば、背景として許容されるようになります。白い前景文字とのコントラスト比は 7.12:1 となり、WCAG AAA のガイドラインである 7:1 以上を満たします。）