From f60e9626b6ff8207bd6508e3d72c5e9469d5cd72 Mon Sep 17 00:00:00 2001
From: miles-grant-ibigroup <miles.grant@ibigroup.com>
Date: Mon, 18 Oct 2021 09:44:39 +0100
Subject: [PATCH] fix: replace colors with accessible ones

---
 lib/components/app/app.css          | 2 +-
 lib/components/form/batch-styled.js | 2 +-
 lib/components/form/form.css        | 3 +++
 lib/components/form/styled.js       | 2 +-
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/lib/components/app/app.css b/lib/components/app/app.css
index 6d71a330e..d2f94b2d9 100644
--- a/lib/components/app/app.css
+++ b/lib/components/app/app.css
@@ -77,7 +77,7 @@
   border-radius: 15px;
 }
 .view-switcher button.btn-link.active {
-  background: rgba(255, 255, 255, 0.15);
+  background: rgba(0, 0, 0, 0.15);
 }
 .view-switcher button.btn-link:hover,
 .view-switcher button.btn-link:focus {
diff --git a/lib/components/form/batch-styled.js b/lib/components/form/batch-styled.js
index 040ff96b5..7b4bdda86 100644
--- a/lib/components/form/batch-styled.js
+++ b/lib/components/form/batch-styled.js
@@ -94,7 +94,7 @@ export const StyledBatchPreferences = styled(SettingsSelectorPanel)`
   ${modeButtonButtonCss}
 
   ${TripFormClasses.SettingLabel} {
-    color: #808080;
+    color: #686868;
     font-size: 14px;
     font-weight: 100;
     letter-spacing: 1px;
diff --git a/lib/components/form/form.css b/lib/components/form/form.css
index 651d69e4f..371098a50 100644
--- a/lib/components/form/form.css
+++ b/lib/components/form/form.css
@@ -37,6 +37,9 @@
 .otp .plan-trip-button, .view-results-button {
   width: 100%;
 }
+.otp .plan-trip-button[disabled] {
+  opacity: 0.75;
+}
 
 .otp .bottom-fixed {
   position: absolute;
diff --git a/lib/components/form/styled.js b/lib/components/form/styled.js
index 9c2bede6c..5cc5370ed 100644
--- a/lib/components/form/styled.js
+++ b/lib/components/form/styled.js
@@ -57,7 +57,7 @@ export const StyledSettingsSelectorPanel = styled(SettingsSelectorPanel)`
   ${modeButtonButtonCss}
 
   ${TripFormClasses.SettingLabel} {
-    color: #808080;
+    color: #686868;
     font-size: 14px;
     font-weight: 100;
     letter-spacing: 1px;