From 4b9c57dc6547d0c9d105ac3767dcc90da758a25d Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Sat, 15 Nov 2025 18:00:59 +0100
Subject: Refactor code structure for improved readability and maintainability

---
 .../Stops/ConsolidatedCirculationList.css          | 31 ++++++----------------
 1 file changed, 8 insertions(+), 23 deletions(-)

(limited to 'src/frontend/app/components/Stops/ConsolidatedCirculationList.css')

diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationList.css b/src/frontend/app/components/Stops/ConsolidatedCirculationList.css
index ca136d8..4d6a3a8 100644
--- a/src/frontend/app/components/Stops/ConsolidatedCirculationList.css
+++ b/src/frontend/app/components/Stops/ConsolidatedCirculationList.css
@@ -2,7 +2,6 @@
   font-size: 0.9rem;
   color: var(--subtitle-color);
   text-align: center;
-  margin-bottom: 1rem;
   padding: 0.5rem;
 }
 
@@ -77,38 +76,24 @@
 }
 
 /* Time color states */
-.consolidated-circulation-card .arrival-time.time-running {
-  color: #22c55e;
-}
-
+.consolidated-circulation-card .arrival-time.time-running,
 .consolidated-circulation-card .arrival-time.time-running svg {
   color: #22c55e;
 }
 
-.consolidated-circulation-card .arrival-time.time-delayed {
-  color: #09106e;
-}
-
+.consolidated-circulation-card .arrival-time.time-delayed,
 .consolidated-circulation-card .arrival-time.time-delayed svg {
-  color: #09106e;
-}
-
-/* Scheduled-only: dark blue in light mode, softer blue in dark mode */
-.consolidated-circulation-card .arrival-time.time-scheduled {
-  color: #0b3d91; /* dark blue */
+  color: #ff6a00;
 }
 
+.consolidated-circulation-card .arrival-time.time-scheduled,
 .consolidated-circulation-card .arrival-time.time-scheduled svg {
-  color: #0b3d91;
+  color: #0b3d91; /* dark blue */
 }
 
-@media (prefers-color-scheme: dark) {
-  .consolidated-circulation-card .arrival-time.time-scheduled {
-    color: #8fb4ff; /* lighten for dark backgrounds */
-  }
-  .consolidated-circulation-card .arrival-time.time-scheduled svg {
-    color: #8fb4ff;
-  }
+[data-theme="dark"] .consolidated-circulation-card .arrival-time.time-scheduled,
+[data-theme="dark"] .consolidated-circulation-card .arrival-time.time-scheduled svg {
+  color: #8fb4ff; /* lighten for dark backgrounds */
 }
 
 .consolidated-circulation-card .distance-info {
-- 
cgit v1.3