diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2025-11-15 18:00:59 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2025-11-15 18:00:59 +0100 |
| commit | 4b9c57dc6547d0c9d105ac3767dcc90da758a25d (patch) | |
| tree | 5150d5494e7591df2fe6d83d42fc4642e9b0d1b1 /src/frontend/app/components/Stops | |
| parent | f349c491284c0cb007a97c9a11220cc00adbb64f (diff) | |
Refactor code structure for improved readability and maintainability
Diffstat (limited to 'src/frontend/app/components/Stops')
| -rw-r--r-- | src/frontend/app/components/Stops/ConsolidatedCirculationList.css | 31 |
1 files changed, 8 insertions, 23 deletions
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 { |