ダーク/ライトモード切り替え

ご協力ありがとうございます。
このダーク/ライトモードトグルコンポーネントを使用しています。

私の質問は、どのモードにいるかを検出し、背景画像を切り替えることについてです。これにより、ライトモード用の画像とダークモード用の画像をそれぞれ設定できます。

投稿されたリンクとこちらのリンクも参考にしました。

こちらの方が少し詳しく説明されていますが、うまくいきませんでした。テーマに画像ファイル(JPG)の $bg-light$bg-dark を追加しようとしました。


また、その投稿のコードを color_definitions.scss という名前のスタイルシートにテーマとして追加しようとしました。

$bg: url(dark-light-choose($bg-light, $bg-dark));

:root {
  --custom-bg: #{$bg};
}

GitHubでテーマも作成しました。

言ったように、少し迷ってしまって申し訳ありません。
新しいトピックを開始すべきであれば、どのカテゴリに配置すればよいか教えてください。
ご協力ありがとうございます。

「いいね!」 1