1 files changed, 11 insertions, 11 deletions
diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationList.css b/src/frontend/app/components/Stops/ConsolidatedCirculationList.css
index 680a511..1788ba8 100644
--- a/src/frontend/app/components/Stops/ConsolidatedCirculationList.css
+++ b/src/frontend/app/components/Stops/ConsolidatedCirculationList.css
@@ -150,27 +150,27 @@
 }
 
 .meta-chip.delay-ok {
-  background: rgba(34, 197, 94, 0.15);
-  border-color: rgba(34, 197, 94, 0.3);
+  background: hsla(142, 71%, 45%, 0.15);
+  border-color: hsla(142, 71%, 45%, 0.5);
   color: #1a9e56;
 }
 
 .meta-chip.delay-warn {
-  background: rgba(251, 191, 36, 0.25);
-  border-color: rgba(251, 191, 36, 0.5);
-  color: #fbbf24;
+  background: hsla(43, 96%, 56%, 0.25);
+  border-color: hsla(43, 96%, 56%, 0.6);
+  color: hsl(43, 96%, 40%);
 }
 
 .meta-chip.delay-critical {
-  background: rgba(239, 68, 68, 0.2);
-  border-color: rgba(239, 68, 68, 0.35);
-  color: #b91c1c;
+  background: hsla(0, 84%, 60%, 0.2);
+  border-color: hsla(0, 84%, 60%, 0.35);
+  color: hsl(0, 74%, 42%);
 }
 
 .meta-chip.delay-early {
-  background: rgba(59, 130, 246, 0.17);
-  border-color: rgba(59, 130, 246, 0.3);
-  color: #1d4ed8;
+  background: hsla(217, 91%, 60%, 0.17);
+  border-color: hsla(217, 91%, 60%, 0.3);
+  color: hsl(224, 90%, 50%);
 }
 
 /* GPS Indicator */