Merge pull request #471 from opentripplanner/october-contrast-fixes

Replace Colors to Meet A11y Requirements
opentripplanner · Oct 19, 2021 · 76d0de2 · 76d0de2
2 parents 8d7907f + f60e962
commit 76d0de2
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;