お世話になっております。Lightningのご利用ありがとうございます。
iOSの設定からダークモードを選択しているということであっていますか。
ダークモード対応用のCSSを入れていらっしゃるようですので、ダークモードに対応されないようでしたら以下のCSSを削除すると良いのかなと思います。
@media (prefers-color-scheme: light) {
body {
background-color: #fff;
color: #000;
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: #000;
color: #fff;
}
}
ダークモードに対応する場合
添付画像を確認しますと、おそらくですが、グループブロックで囲ってある部分が薄いグレーでラップされているため、ダークモードにしても、ここの背景色は変わらないため、テキストだけが白くなり見えづらくなっているのではないかと思います。
具体的には、女性の画像の部分から「顎関節不調のセルフチェックしてみませんか」のセクションまでがグループブロックで囲ってあり、そのグループブロックの背景色が薄いグレーなので、薄いグレーの部分の背景色はダークモードにしてもそのまま変わらないため、テキストが白くなってしまっているように思います。
編集画面からグループブロックの背景色を確認してください。
おそらく #f4f4f4 が入っていると思いますがいかがでしょうか。
#f4f4f4
の部分を黒の半透明の薄い色にするのはどうでしょうか。
たとえばこちらの色はどうでしょう。#0000000F