Add geometry color to theme

1 files changed, 4 insertions, 1 deletions

diff --git a/modern/src/map/main/PoiMap.js b/modern/src/map/main/PoiMap.js
index 3ca344c5..a5185c75 100644
--- a/modern/src/map/main/PoiMap.js
+++ b/modern/src/map/main/PoiMap.js
@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 import { kml } from '@tmcw/togeojson';
 
+import { useTheme } from '@mui/styles';
 import { map } from '../core/MapView';
 import { useEffectAsync } from '../../reactHelper';
 import { usePreference } from '../../common/util/preferences';
@@ -8,6 +9,8 @@ import { usePreference } from '../../common/util/preferences';
 const PoiMap = () => {
   const id = 'poi';
 
+  const theme = useTheme();
+
   const poiLayer = usePreference('poiLayer');
 
   const [data, setData] = useState(null);
@@ -32,7 +35,7 @@ const PoiMap = () => {
         type: 'circle',
         paint: {
           'circle-radius': 5,
-          'circle-color': '#3bb2d0',
+          'circle-color': theme.palette.colors.geometry,
         },
       });
       map.addLayer({