From 69e228182aab715000a0f2ffbc0a17b8465cbd35 Mon Sep 17 00:00:00 2001
From: Marcos Moura <marcosvmmoura@gmail.com>
Date: Thu, 2 Feb 2017 19:54:56 -0200
Subject: [PATCH] fix md-input colors inside cards

---
 src/components/mdCard/mdCard.theme | 80 ++++++++++++++++++------------
 1 file changed, 47 insertions(+), 33 deletions(-)

diff --git a/src/components/mdCard/mdCard.theme b/src/components/mdCard/mdCard.theme
index 497cb4e..fe4c351 100644
--- a/src/components/mdCard/mdCard.theme
+++ b/src/components/mdCard/mdCard.theme
@@ -1,47 +1,61 @@
 .THEME_NAME {
+  @mixin card-spec($main-color, $second-color, $second-color-hue) {
+    background-color: $main-color;
+    color: $second-color;
+
+    .md-card-header,
+    .md-card-actions {
+      .md-icon-button {
+        .md-icon {
+          color: $second-color-hue;
+        }
+      }
+    }
+
+    .md-input-container {
+      &.md-input-focused {
+        input,
+        textarea {
+          color: $second-color;
+          text-shadow: 0 0 0 $second-color;
+        }
+
+        label,
+        .md-icon:not(.md-icon-delete) {
+          color: $second-color;
+        }
+      }
+
+      &:after {
+        background-color: $second-color;
+      }
+    }
+
+    input,
+    textarea {
+      color: $second-color;
+      text-shadow: 0 0 0 $second-color;
+    }
+
+    label,
+    .md-icon:not(.md-icon-delete) {
+      color: $second-color;
+    }
+  }
+
   &.md-card {
     background-color: #{'BACKGROUND-COLOR'};
 
     &.md-primary {
-      background-color: #{'PRIMARY-COLOR'};
-      color: #{'PRIMARY-CONTRAST'};
-
-      .md-card-header,
-      .md-card-actions {
-        .md-icon-button {
-          .md-icon {
-            color: #{'PRIMARY-CONTRAST-0.87'};
-          }
-        }
-      }
+      @include card-spec(#{'PRIMARY-COLOR'}, #{'PRIMARY-CONTRAST'}, #{'PRIMARY-CONTRAST-0.87'})
     }
 
     &.md-accent {
-      background-color: #{'ACCENT-COLOR'};
-      color: #{'ACCENT-CONTRAST'};
-
-      .md-card-header,
-      .md-card-actions {
-        .md-icon-button {
-          .md-icon {
-            color: #{'ACCENT-CONTRAST-0.87'};
-          }
-        }
-      }
+      @include card-spec(#{'ACCENT-COLOR'}, #{'ACCENT-CONTRAST'}, #{'ACCENT-CONTRAST-0.87'})
     }
 
     &.md-warn {
-      background-color: #{'WARN-COLOR'};
-      color: #{'WARN-CONTRAST'};
-
-      .md-card-header,
-      .md-card-actions {
-        .md-icon-button {
-          .md-icon {
-            color: #{'WARN-CONTRAST-0.87'};
-          }
-        }
-      }
+      @include card-spec(#{'WARN-COLOR'}, #{'WARN-CONTRAST'}, #{'WARN-CONTRAST-0.87'})
     }
 
     .md-card-header,