Update coloring

hkbus · Aug 19, 2023 · f016101 · f016101
1 parent 0b2f8ef
commit f016101
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -113,6 +113,9 @@ const getThemeTokens = (mode: PaletteMode) => ({
             main: "#fedb00", // yellow
             contrastText: "rgba(0, 0, 0, 0.12)",
           },
+          warning: {
+            main: "#3285e3",
+          },
         }
       : {
           //dark mode
@@ -123,6 +126,9 @@ const getThemeTokens = (mode: PaletteMode) => ({
           primary: {
             main: "#fedb00", // yellow
           },
+          warning: {
+            main: "#fedb00",
+          },
         }),
   },
   elements: {

diff --git a/src/components/home/SuccinctEtas.tsx b/src/components/home/SuccinctEtas.tsx
@@ -41,7 +41,11 @@ const SuccinctEtas = ({ routeId }) => {
         <Box component="span">
           <Box
             component="span"
-            sx={{ ...waitTimeSx, color: highlight ? "#3285e3" : "inherit" }}
+            sx={{
+              ...waitTimeSx,
+              color: (theme) =>
+                highlight ? theme.palette.warning.main : "inherit",
+            }}
           >
             {waitTime < 1 ? " - " : `${waitTime} `}
           </Box>

diff --git a/src/components/route-eta/TimeReport.tsx b/src/components/route-eta/TimeReport.tsx
@@ -54,7 +54,10 @@ const TimeReport = ({
       );
       const waitTimeJsx = (
         <Box component="span">
-          <Box component="span" sx={{ ...waitTimeSx, color: "#3285e3" }}>
+          <Box
+            component="span"
+            sx={{ ...waitTimeSx, color: (theme) => theme.palette.warning.main }}
+          >
             {waitTime < 1 ? " - " : `${waitTime} `}
           </Box>
           <Box component="span" sx={{ fontSize: "0.8em" }}>