From 7d521e8411dbeb9ca6bbeb98453145b44c7e5913 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Fri, 3 Jun 2022 08:25:48 -0700
Subject: Add geometry color to theme

---
 modern/src/map/main/MapLiveRoutes.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'modern/src/map/main/MapLiveRoutes.js')

diff --git a/modern/src/map/main/MapLiveRoutes.js b/modern/src/map/main/MapLiveRoutes.js
index 09319cff..a675afa0 100644
--- a/modern/src/map/main/MapLiveRoutes.js
+++ b/modern/src/map/main/MapLiveRoutes.js
@@ -1,12 +1,15 @@
 import { useEffect, useState } from 'react';
 
 import { useSelector } from 'react-redux';
+import { useTheme } from '@mui/styles';
 import { map } from '../core/MapView';
 import { usePrevious } from '../../reactHelper';
 
 const MapLiveRoutes = () => {
   const id = 'liveRoute';
 
+  const theme = useTheme();
+
   const selectedDeviceId = useSelector((state) => state.devices.selectedId);
   const currentDeviceId = usePrevious(selectedDeviceId);
 
@@ -34,7 +37,7 @@ const MapLiveRoutes = () => {
         'line-cap': 'round',
       },
       paint: {
-        'line-color': '#3bb2d0',
+        'line-color': theme.palette.colors.geometry,
         'line-width': 2,
       },
     });
-- 
cgit v1.2.3