From 0a1a2e457e685390795fcdfbe4b6ba03ce9c633a Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Fri, 1 Sep 2023 06:49:47 -0700
Subject: Fix color references (fix #1172)

---
 modern/src/common/components/RemoveDialog.jsx | 2 +-
 modern/src/common/components/StatusCard.jsx   | 6 +++---
 modern/src/main/EventsDrawer.jsx              | 2 +-
 modern/src/reports/TripReportPage.jsx         | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/modern/src/common/components/RemoveDialog.jsx b/modern/src/common/components/RemoveDialog.jsx
index 9a2a27fb..0f4254a8 100644
--- a/modern/src/common/components/RemoveDialog.jsx
+++ b/modern/src/common/components/RemoveDialog.jsx
@@ -16,7 +16,7 @@ const useStyles = makeStyles((theme) => ({
     height: 'auto',
     marginTop: 0,
     marginBottom: 0,
-    color: theme.palette.colors.negative,
+    color: theme.palette.error.main,
   },
 }));
 
diff --git a/modern/src/common/components/StatusCard.jsx b/modern/src/common/components/StatusCard.jsx
index c8898b7c..38de944b 100644
--- a/modern/src/common/components/StatusCard.jsx
+++ b/modern/src/common/components/StatusCard.jsx
@@ -60,8 +60,8 @@ const useStyles = makeStyles((theme) => ({
     maxHeight: theme.dimensions.cardContentMaxHeight,
     overflow: 'auto',
   },
-  negative: {
-    color: theme.palette.colors.negative,
+  delete: {
+    color: theme.palette.error.main,
   },
   icon: {
     width: '25px',
@@ -254,7 +254,7 @@ const StatusCard = ({ deviceId, position, onClose, disableActions, desktopPaddin
                 <IconButton
                   onClick={() => setRemoving(true)}
                   disabled={disableActions || deviceReadonly}
-                  className={classes.negative}
+                  className={classes.delete}
                 >
                   <DeleteIcon />
                 </IconButton>
diff --git a/modern/src/main/EventsDrawer.jsx b/modern/src/main/EventsDrawer.jsx
index 67700fc4..f9602e95 100644
--- a/modern/src/main/EventsDrawer.jsx
+++ b/modern/src/main/EventsDrawer.jsx
@@ -69,7 +69,7 @@ const EventsDrawer = ({ open, onClose }) => {
               secondary={formatTime(event.eventTime, 'seconds', hours12)}
             />
             <IconButton size="small" onClick={() => dispatch(eventsActions.delete(event))}>
-              <DeleteIcon fontSize="small" className={classes.negative} />
+              <DeleteIcon fontSize="small" className={classes.delete} />
             </IconButton>
           </ListItemButton>
         ))}
diff --git a/modern/src/reports/TripReportPage.jsx b/modern/src/reports/TripReportPage.jsx
index 606b08c5..f5b524ad 100644
--- a/modern/src/reports/TripReportPage.jsx
+++ b/modern/src/reports/TripReportPage.jsx
@@ -62,12 +62,12 @@ const TripReportPage = () => {
     {
       latitude: selectedItem.startLat,
       longitude: selectedItem.startLon,
-      image: 'default-negative',
+      image: 'default-error',
     },
     {
       latitude: selectedItem.endLat,
       longitude: selectedItem.endLon,
-      image: 'default-positive',
+      image: 'default-success',
     },
   ]);
 
-- 
cgit v1.2.3