html

• MDN Docs

• freeCodeCamp youtube link

How to adjust image src for light/dark mode?

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="dark-mode-image.png" />
  <source media="(prefers-color-scheme: light)" srcset="light-mode-image.png" />
  <img alt="Fallback image description" src="default-image.png" />
</picture>