在Ionic5 Angular中从暗模式切换到亮模式时更改图像

Question

嗨，我正在尝试从暗模式切换到亮模式，反之亦然。 我已经尝试了以下方法，但没有成功；

HTML

<picture>
  <source 
    srcset="dark.png" 
    media="(prefers-color-scheme: dark)">
  <img src="light.png">
</picture>

CSS

#screenshot {
        background-image: url(settings-light.png);
      }

      @media (prefers-color-scheme: dark) {
        #screenshot {
          background-image: url(settings-dark.png);
        }
      }

我有一个切换按钮，可以从暗到亮切换，这与Ionic 5侧面菜单开箱即可。

非常感谢您的帮助。