Colors darkened for better visual contrast to pass accessibility tests.
Change-Id: Iedcaaf71a2ac48eb885ac92d9efee0623e949289
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 6510a6c..abf5424 100644
--- a/app/common/styles/base/colors.scss
+++ b/app/common/styles/base/colors.scss
@@ -36,8 +36,8 @@
// Secondary Button colors
$secbtn__bg: #ebf0fc;
-$secbtn__border: #3f71ec;
-$secbtn__text: #3f71ec;
+$secbtn__border: #3863ce;
+$secbtn__text: #3863ce;
// Dropdowns
$dropdown__focus-bg: #e6e9ee;
diff --git a/app/common/styles/components/form-elements.scss b/app/common/styles/components/form-elements.scss
index 2ce17ee..b247a3f 100644
--- a/app/common/styles/components/form-elements.scss
+++ b/app/common/styles/components/form-elements.scss
@@ -39,7 +39,7 @@
width: 100%;
border: 1px solid $lightbg__grey;
margin-top: -5px;
- box-shadow: 0 4px 10px -2px $lightgrey;
+ box-shadow: 0 4px 10px -2px $darkgrey;
li {
list-style-type: none;
}
diff --git a/app/common/styles/elements/toggle-switch.scss b/app/common/styles/elements/toggle-switch.scss
index 4402a6c..f24dfae 100644
--- a/app/common/styles/elements/toggle-switch.scss
+++ b/app/common/styles/elements/toggle-switch.scss
@@ -39,7 +39,7 @@
padding: 2px;
width: 50px;
height: 30px;
- background-color: $medgrey;
+ background-color: darken($medgrey, 8%);
@include borderRadius;
@include marginTransition;
}
@@ -66,10 +66,9 @@
left: 4px;
bottom: 4px;
width: 20px;
- background-color: $medgrey;
+ background-color: darken($medgrey, 8%);
-webkit-border-radius: 52px;
-moz-border-radius: 52px;
- -ms-border-radius: 52px;
border-radius: 52px;
@include marginTransition;
}