diff options
Diffstat (limited to 'src/frontend')
| -rw-r--r-- | src/frontend/app/components/SchedulesTable.tsx | 2 | ||||
| -rw-r--r-- | src/frontend/app/components/Stops/ConsolidatedCirculationList.css | 22 |
2 files changed, 12 insertions, 12 deletions
diff --git a/src/frontend/app/components/SchedulesTable.tsx b/src/frontend/app/components/SchedulesTable.tsx index 5df01e5..faf7b01 100644 --- a/src/frontend/app/components/SchedulesTable.tsx +++ b/src/frontend/app/components/SchedulesTable.tsx @@ -1,7 +1,7 @@ import { useTranslation } from "react-i18next"; +import { useApp } from "~/AppContext"; import LineIcon from "./LineIcon"; import "./SchedulesTable.css"; -import { useApp } from "~/AppContext"; export type ScheduledTable = { trip_id: string; 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 */ |