From 6fb01b439f050834d65fbbf840e383a79e1ec376 Mon Sep 17 00:00:00 2001 From: crisbeto Date: Sat, 27 Jun 2020 14:46:45 +0200 Subject: [PATCH] fix(progress-spinner): not respecting user colors in high contrast mode High contrast mode doesn't invert colors on SVG elements so we have to do it ourselves for the progress spinner. This ensures that the user's color settings are respected. --- src/material/progress-spinner/progress-spinner.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/material/progress-spinner/progress-spinner.scss b/src/material/progress-spinner/progress-spinner.scss index 8219e98e617e..912353b41555 100644 --- a/src/material/progress-spinner/progress-spinner.scss +++ b/src/material/progress-spinner/progress-spinner.scss @@ -1,5 +1,6 @@ @import '../core/style/variables'; @import '../core/style/noop-animation'; +@import '../../cdk/a11y/a11y'; // Animation config @@ -27,6 +28,12 @@ $_mat-progress-spinner-default-circumference: $pi * $_mat-progress-spinner-defau fill: transparent; transform-origin: center; transition: stroke-dashoffset 225ms linear; + + @include cdk-high-contrast(active, off) { + // SVG colors aren't inverted automatically in high contrast mode. Set the + // stroke to currentColor in order to respect the user's color settings. + stroke: currentColor; + } } &.mat-progress-spinner-indeterminate-animation[mode='indeterminate'] {