title: changing image when switch from dark mode to light in Ionic5 Angular
body: <p>Hi I'm trying to switch the image when going from dark to light mode or vs versa.
  I've tried the following with no success;</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;picture&gt;
    &lt;source 
      srcset="dark.png" 
      media="(prefers-color-scheme: dark)"&gt;
    &lt;img src="light.png"&gt;
  &lt;/picture&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#screenshot {
          background-image: url(settings-light.png);
        }
  
        @media (prefers-color-scheme: dark) {
          #screenshot {
            background-image: url(settings-dark.png);
          }
        }
  </code></pre>
  
  <p>I have a toggle button to switch from dark to light which is out of the box with Ionic 5 side menu.</p>
  
  <p>Any help is greatly appreciated.</p>