aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/components/Stops/ConsolidatedCirculationList.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend/app/components/Stops/ConsolidatedCirculationList.css')
-rw-r--r--src/frontend/app/components/Stops/ConsolidatedCirculationList.css31
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 {