OSのシステムがライトモードに設定されていて、サイドバーのトグルでダークモードを選択した場合、テーマコンポーネントの@media (prefers-color-scheme: dark) CSSスタイルが無視されます。また、OSのシステムがダークモードに設定されていて、サイドバーのトグルでライトモードを選択した場合にも奇妙な動作が発生します。OSの設定とトグルのモードが一致している場合は、すべて意図したとおりに表示されます。この問題に遭遇し、OSの設定とサイドバーのトグルの設定が一致しない場合にライト/ダークモードのCSS調整を適用する方法を見つけた方はいらっしゃいますか？
カスタムテーマはありますか？ FoundationまたはHorizonを使用している場合も同じ問題が発生しますか？
こんにちは、Kaylaさん！ご自身で解決できましたか？もしそうなら、結果をここに共有していただけますか？もしそうでなければ、このトピックは削除した方が良いかもしれません。
prefers-color-scheme は OS のモードとカラー スキームのみを考慮します。
インターフェイスのカラー セレクターが、カラー スキーム以外の色やその他の CSS 値で正しく機能するようにするには、Update themes and plugins to support automatic dark mode - #5 by pmusaraj で説明されているように、常に dark-light-choose を使用する必要があります。
「いいね！」 1