fix: adjust colors to conform with WCAG

opentripplanner · Aug 5, 2021 · e9fe0b1 · e9fe0b1
1 parent 518def8
commit e9fe0b1
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/lib/components/narrative/narrative.css b/lib/components/narrative/narrative.css
@@ -195,7 +195,7 @@
 
 .otp .tabbed-itineraries .tab-button .details {
   font-size: 12px;
-  color: gray;
+  color: #685c5c; /* from "gray" to meet WCAG */
 }
 
 .otp .tabbed-itineraries .tab-button:hover .title {

diff --git a/lib/components/viewers/realtime-status-label.js b/lib/components/viewers/realtime-status-label.js
@@ -34,11 +34,11 @@ const STATUS = {
     label: 'early'
   },
   LATE: {
-    color: '#d9534f',
+    color: '#D92923',
     label: 'late'
   },
   ON_TIME: {
-    color: '#5cb85c',
+    color: '#028602',
     label: 'on time'
   },
   SCHEDULED: {

diff --git a/lib/components/viewers/viewers.css b/lib/components/viewers/viewers.css
@@ -195,14 +195,14 @@
 
 .otp .trip-viewer .strip-map-highlight {
   position: absolute;
-  background-color: cyan;
+  background-color: #13c1c1;
   width: 20px;
   height: 30px;
 }
 
 .otp .trip-viewer .strip-map-highlight-first {
   position: absolute;
-  background-color: cyan;
+  background-color: #13c1c1;
   top: 2px;
   width: 20px;
   height: 28px;
@@ -212,7 +212,7 @@
 
 .otp .trip-viewer .strip-map-highlight-last {
   position: absolute;
-  background-color: cyan;
+  background-color: #13c1c1;
   top: 0px;
   width: 20px;
   height: 28px;