From 04308ae8a73179558c2f0e2e3908abf87f5ec801 Mon Sep 17 00:00:00 2001 From: Will Howell Date: Thu, 13 Apr 2017 16:13:07 -0400 Subject: [PATCH] style(spinner, bar): don't use hardcoded hues --- src/lib/progress-bar/_progress-bar-theme.scss | 18 +++++++++--------- .../_progress-spinner-theme.scss | 6 +++--- 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/lib/progress-bar/_progress-bar-theme.scss b/src/lib/progress-bar/_progress-bar-theme.scss index e759746a1793..d90d7d894cd7 100644 --- a/src/lib/progress-bar/_progress-bar-theme.scss +++ b/src/lib/progress-bar/_progress-bar-theme.scss @@ -8,40 +8,40 @@ $warn: map-get($theme, warn); .mat-progress-bar-background { - background: #{_mat-progress-bar-buffer($primary, 100)}; + background: #{_mat-progress-bar-buffer($primary, lighter)}; } .mat-progress-bar-buffer { - background-color: mat-color($primary, 100); + background-color: mat-color($primary, lighter); } .mat-progress-bar-fill::after { - background-color: mat-color($primary, 600); + background-color: mat-color($primary); } .mat-progress-bar.mat-accent { .mat-progress-bar-background { - background: #{_mat-progress-bar-buffer($accent, 100)}; + background: #{_mat-progress-bar-buffer($accent, lighter)}; } .mat-progress-bar-buffer { - background-color: mat-color($accent, 100); + background-color: mat-color($accent, lighter); } .mat-progress-bar-fill::after { - background-color: mat-color($accent, 600); + background-color: mat-color($accent); } } .mat-progress-bar.mat-warn { .mat-progress-bar-background { - background: #{_mat-progress-bar-buffer($warn, 100)}; + background: #{_mat-progress-bar-buffer($warn, lighter)}; } .mat-progress-bar-buffer { - background-color: mat-color($warn, 100); + background-color: mat-color($warn, lighter); } .mat-progress-bar-fill::after { - background-color: mat-color($warn, 600); + background-color: mat-color($warn); } } } diff --git a/src/lib/progress-spinner/_progress-spinner-theme.scss b/src/lib/progress-spinner/_progress-spinner-theme.scss index fe9f8fef9ddc..e16c2595348b 100644 --- a/src/lib/progress-spinner/_progress-spinner-theme.scss +++ b/src/lib/progress-spinner/_progress-spinner-theme.scss @@ -9,15 +9,15 @@ .mat-progress-spinner, .mat-spinner { path { - stroke: mat-color($primary, 600); + stroke: mat-color($primary); } &.mat-accent path { - stroke: mat-color($accent, 600); + stroke: mat-color($accent); } &.mat-warn path { - stroke: mat-color($warn, 600); + stroke: mat-color($warn); } } }