fix(chip): use lighter background color

references #14196
ionic-team · Mar 21, 2018 · 08553f1 · 08553f1
1 parent fc30ba1
commit 08553f1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/core/src/components/chip/chip.ios.vars.scss b/core/src/components/chip/chip.ios.vars.scss
@@ -31,7 +31,7 @@ $chip-ios-font-size:                        13px !default;
 $chip-ios-text-color:                       $text-ios-color-step-150 !default;
 
 /// @prop - Background color of the chip
-$chip-ios-background-color:                 css-var($text-ios-color-value, text-ios-color, $alpha-ios-low) !default;
+$chip-ios-background-color:                 css-var($text-ios-color-value, text-ios-color, $alpha-ios-lowest) !default;
 
 /// @prop - Margin top of the label in the chip
 $chip-ios-label-margin-top:                 0 !default;

diff --git a/core/src/components/chip/chip.md.vars.scss b/core/src/components/chip/chip.md.vars.scss
@@ -31,7 +31,7 @@ $chip-md-font-size:                        13px !default;
 $chip-md-text-color:                       $text-md-color-step-150 !default;
 
 /// @prop - Background color of the chip
-$chip-md-background-color:                 css-var($text-md-color-value, text-md-color, $alpha-md-low) !default;
+$chip-md-background-color:                 css-var($text-md-color-value, text-md-color, $alpha-md-lowest) !default;
 
 /// @prop - Margin top of the label in the chip
 $chip-md-label-margin-top:                 0 !default;