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/colors.scss b/app/common/styles/base/colors.scss
index 7308cec..514a631 100644
--- a/app/common/styles/base/colors.scss
+++ b/app/common/styles/base/colors.scss
@@ -22,6 +22,9 @@
$disabled-row: #dddee0;
$disabled-row-txt: #999999;
+//Forms
+$input-border: #505050;
+
// Light Background
$lightbg__grey: #b8c1c1;
$lightbg__accent: #d8e2fc;
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;
diff --git a/app/common/styles/elements/content-search.scss b/app/common/styles/elements/content-search.scss
index b1aae36..3fa94f1 100644
--- a/app/common/styles/elements/content-search.scss
+++ b/app/common/styles/elements/content-search.scss
@@ -13,7 +13,7 @@
#content__search-input {
margin: 0;
- border: 1px solid $medgrey;
+ border: 1px solid $input-border;
padding-left: 40px;
padding-right: 5px;
&:focus {