From e2ea08b29b8733a6fc010a5715d537e83ca13f0d Mon Sep 17 00:00:00 2001
From: Paul Stelzer <paulstelzer@gmail.com>
Date: Mon, 8 Oct 2018 23:05:17 +0200
Subject: [PATCH] fix(menu-button): Not visible if toolbar has primary color
 (#15847)

* fix(menu-button): Correct color if toolbar has custom color

* fix(menu-button): Fix variable name
---
 core/src/components/menu-button/menu-button.ios.scss | 2 +-
 core/src/components/menu-button/menu-button.md.scss  | 3 +++
 core/src/components/menu-button/menu-button.scss     | 9 +++++++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/core/src/components/menu-button/menu-button.ios.scss b/core/src/components/menu-button/menu-button.ios.scss
index 310e46c962..a36db107d3 100644
--- a/core/src/components/menu-button/menu-button.ios.scss
+++ b/core/src/components/menu-button/menu-button.ios.scss
@@ -5,7 +5,7 @@
 // --------------------------------------------------
 
 :host {
-  color: #{ion-color(primary, base)};
+  --color: #{$menu-button-ios-color};
 }
 
 :host(.activated) {
diff --git a/core/src/components/menu-button/menu-button.md.scss b/core/src/components/menu-button/menu-button.md.scss
index b0c077d4cd..d1c791ccfa 100644
--- a/core/src/components/menu-button/menu-button.md.scss
+++ b/core/src/components/menu-button/menu-button.md.scss
@@ -3,6 +3,9 @@
 
 // MD Menu Button
 // --------------------------------------------------
+:host {
+  --color: #{$menu-button-md-color};
+}
 
 button {
   @include padding(0, 8px);
diff --git a/core/src/components/menu-button/menu-button.scss b/core/src/components/menu-button/menu-button.scss
index e51fd91afa..a1e683bd48 100644
--- a/core/src/components/menu-button/menu-button.scss
+++ b/core/src/components/menu-button/menu-button.scss
@@ -4,6 +4,8 @@
 // --------------------------------------------------
 
 :host {
+  color: var(--color);
+  
   pointer-events: all;
 
   text-align: center;
@@ -52,3 +54,10 @@ ion-icon {
 
   pointer-events: none;
 }
+
+// Menu Button with Color
+// --------------------------------------------------
+
+:host(.ion-color) .button-native {
+  color: current-color(base);
+}
\ No newline at end of file