Add geometry color to theme

1 files changed, 4 insertions, 1 deletions

diff --git a/modern/src/map/MapRoutePath.js b/modern/src/map/MapRoutePath.js
index 9703bf24..c2ef1d8e 100644
--- a/modern/src/map/MapRoutePath.js
+++ b/modern/src/map/MapRoutePath.js
@@ -1,3 +1,4 @@
+import { useTheme } from '@mui/styles';
 import maplibregl from 'maplibre-gl';
 import { useEffect } from 'react';
 import { useSelector } from 'react-redux';
@@ -6,6 +7,8 @@ import { map } from './core/MapView';
 const MapRoutePath = ({ positions }) => {
   const id = 'replay';
 
+  const theme = useTheme();
+
   const reportColor = useSelector((state) => {
     const position = positions.find(() => true);
     if (position) {
@@ -17,7 +20,7 @@ const MapRoutePath = ({ positions }) => {
         }
       }
     }
-    return '#3bb2d0';
+    return theme.palette.colors.geometry;
   });
 
   useEffect(() => {