fix(toolbar): use the correct contrast color for MD toolbar

brandyscarney · brandyscarney · commit 041689b5f550 · 2017-05-30T11:25:29.000-04:00
fixes ionic-team#11848
diff --git a/scripts/e2e/variables.scss b/scripts/e2e/variables.scss
@@ -31,7 +31,15 @@ $colors: (
   light:      #f4f4f4,
   dark:       #222,
   vibrant:    rebeccapurple,
-  bright:     #ffc125
+  bright:     #ffc125,
+  greyYellow: (
+    base:#49606e,
+    contrast:#fbb636
+  ),
+  greyWhite: (
+    base:#49606e,
+    contrast:#fff
+  )
 );
 
 
diff --git a/src/components/toolbar/test/colors/pages/root-page/root-page.html b/src/components/toolbar/test/colors/pages/root-page/root-page.html
@@ -199,4 +199,11 @@
       <ion-icon name="menu"></ion-icon>
     </button>
   </ion-toolbar>
+
+  <ion-toolbar color="greyYellow">
+    <ion-title>Grey Yellow</ion-title>
+  </ion-toolbar>
+  <ion-toolbar color="greyWhite">
+    <ion-title>Grey White</ion-title>
+  </ion-toolbar>
 </ion-content>
diff --git a/src/components/toolbar/toolbar.md.scss b/src/components/toolbar/toolbar.md.scss
@@ -116,7 +116,6 @@ $toolbar-button-md-strong-font-weight:   bold !default;
 
 @mixin md-toolbar-theme($color-name, $color-base, $color-contrast) {
   .toolbar-md-#{$color-name} {
-    $fg-color: color-contrast($colors-md, $color-base, md);
 
     .toolbar-background-md {
       background: $color-base;
@@ -126,19 +125,19 @@ $toolbar-button-md-strong-font-weight:   bold !default;
     .bar-button-default-md,
     .bar-button-outline-md,
     .toolbar-title-md {
-      color: $fg-color;
+      color: $color-contrast;
     }
 
     .bar-button-clear-md,
     .bar-button-default-md,
     .bar-button-outline-md {
       .button-effect {
-        background-color: $fg-color;
+        background-color: $color-contrast;
       }
     }
 
     .bar-button-outline-md {
-      border-color: $fg-color;
+      border-color: $color-contrast;
     }
 
     @each $color-name, $color-base, $color-contrast in get-colors($colors-md) {
