This sample demonstrates how a developer can use resource management to display visuals appropriate for the contrast settings of the system.

The resource loader will automatically replace the image's source of button.svg to button.contrast-*.svg depending on the setting.

To handle dynamic changes, this scenario also uses a media query listener to refresh the img element when contrast changes occur.

When a High Contrast theme is applied, a High Contrast asset is loaded instead of the original asset.