Fix color references (fix #1172)

traccar · Sep 1, 2023 · 0a1a2e4 · 0a1a2e4
1 parent 4fc6161
commit 0a1a2e4
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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',
     },
   ]);