darkened input borders for accessibility against white page color

Change-Id: I0ae704746bb982ba5d64222d132bb656fd6ab684
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/base/forms.scss b/app/common/styles/base/forms.scss
index 5c49fe7..0957609 100644
--- a/app/common/styles/base/forms.scss
+++ b/app/common/styles/base/forms.scss
@@ -19,7 +19,7 @@
 input[type='text'],
 textarea {
   border-radius: 0px;
-  border: 1px solid $darkgrey;
+  border: 1px solid $input-border;
   height: 3.1em;
   margin: 0 0 1em 0;
   background: $white;
@@ -43,6 +43,11 @@
   }
 }
 
+//Foundation overwrite
+[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
+  border-color: $input-border;
+}
+
 input[readonly],
 input[readonly]:focus{
   box-shadow: 0 0 0;