Html 在Ionic5角模式下从暗模式切换到亮模式时更改图像

嗨，我正在尝试在从黑暗模式切换到光明模式或反之亦然时切换图像。 我尝试过以下方法，但没有成功

HTML

我有一个切换按钮，从黑暗切换到光明，这是开箱即用的离子5面菜单

非常感谢您的帮助

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

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

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