When the sample starts when the system has a High Contrast theme applied, the High Contrast asset is loaded instead of the original asset.
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-high.svg when the starts up in High Contrast mode
Please place the system into High Contrast Mode and restart the sample.
When the sample starts when the system has a High Contrast theme applied, the High Contrast asset is loaded instead of the original asset.
/*
THIS CODE AND INFORMATION IS PROVIDED "AS IS" WITHOUT WARRANTY OF
ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
PARTICULAR PURPOSE.
Copyright (c) Microsoft Corporation. All rights reserved
*/
/* styles */
.s4-grid
{
display: -ms-grid;
-ms-grid-columns: 1fr;
-ms-grid-rows: auto;
}
.s4-column-1
{
-ms-grid-column: 1;
-ms-grid-row: 1;
margin: 20px;
}