Skip to content

Commit 97f1ccc

Browse files
authored
fix(material-experimental/mdc-progress-bar): improve buffer color (#22152)
* fix(material-experimental/mdc-progress-bar): improve buffer color * fix(material-experimental/mdc-progress-bar): use color.adjust
1 parent fe9b81c commit 97f1ccc

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/material-experimental/mdc-progress-bar/_progress-bar-theme.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
// TODO(crisbeto): the buffer color should come from somewhere in MDC, however at the time of
99
// writing, their buffer color is hardcoded to #e6e6e6 which both doesn't account for theming
1010
// and doesn't match the Material design spec. For now we approximate the buffer background by
11-
// lightening the color of the primary bar.
12-
$buffer-color: color.adjust(mdc-theme-color.prop-value($color), $lightness: 30%);
11+
// applying an opacity to the color of the bar.
12+
$buffer-color: color.adjust(mdc-theme-color.prop-value($color), $alpha: -0.75);
1313
@include mdc-linear-progress.bar-color($color, $query: mdc-helpers.$mat-theme-styles-query);
1414
@include mdc-linear-progress.buffer-color($buffer-color,
1515
$query: mdc-helpers.$mat-theme-styles-query);

0 commit comments

Comments
 (0)