diff --git a/UNRELEASED.md b/UNRELEASED.md index fdd954833aa..b7770f0bf8f 100644 --- a/UNRELEASED.md +++ b/UNRELEASED.md @@ -22,6 +22,7 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f - Fixed `ResourceList.Item` interaction states from being incorrectly applied ([#1312](https://github.com/Shopify/polaris-react/pull/1312) - Fixed selected state for date picker in windows high contrast mode ([#1342](https://github.com/Shopify/polaris-react/pull/1342)) - Added background into media query for Microsoft high contrast to fix skeleton accessibility. ([#1341](https://github.com/Shopify/polaris-react/pull/1341)) +- Added high contrast colour to `Loading` to make it visible in the high contrast mode in Windows ([#1389](https://github.com/Shopify/polaris-react/pull/1389)) - Fixed the position calculation of the `PositionedOverlay` component after scroll. ([#1382](https://github.com/Shopify/polaris-react/pull/1382)) ### Documentation diff --git a/src/components/Frame/components/Loading/Loading.scss b/src/components/Frame/components/Loading/Loading.scss index 3362a63b2c6..6ea4b382702 100644 --- a/src/components/Frame/components/Loading/Loading.scss +++ b/src/components/Frame/components/Loading/Loading.scss @@ -13,4 +13,8 @@ $height: rem(3px); transform-origin: 0; background-color: color('teal'); transition: transform duration(slowest) easing(out); + + @media screen and (-ms-high-contrast: active) { + background-color: ms-high-contrast-color('selected-text-background'); + } }