Fix color issues (fix #1269)

traccar · Sep 19, 2024 · 2cd76a3 · 2cd76a3
1 parent 56af46a
commit 2cd76a3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 16 deletions.
diff --git a/src/common/components/RemoveDialog.jsx b/src/common/components/RemoveDialog.jsx
@@ -16,7 +16,6 @@ const useStyles = makeStyles((theme) => ({
     height: 'auto',
     marginTop: 0,
     marginBottom: 0,
-    color: theme.palette.error.main,
   },
 }));
 
@@ -43,7 +42,7 @@ const RemoveDialog = ({
       onClose={() => onResult(false)}
       message={t('sharedRemoveConfirm')}
       action={(
-        <Button size="small" className={classes.button} onClick={handleRemove}>
+        <Button size="small" className={classes.button} color="error" onClick={handleRemove}>
           {t('sharedRemove')}
         </Button>
       )}

diff --git a/src/common/components/StatusCard.jsx b/src/common/components/StatusCard.jsx
@@ -60,9 +60,6 @@ const useStyles = makeStyles((theme) => ({
     maxHeight: theme.dimensions.cardContentMaxHeight,
     overflow: 'auto',
   },
-  delete: {
-    color: theme.palette.error.main,
-  },
   icon: {
     width: '25px',
     height: '25px',
@@ -254,9 +251,9 @@ const StatusCard = ({ deviceId, position, onClose, disableActions, desktopPaddin
                   <EditIcon />
                 </IconButton>
                 <IconButton
+                  color="error"
                   onClick={() => setRemoving(true)}
                   disabled={disableActions || deviceReadonly}
-                  className={classes.delete}
                 >
                   <DeleteIcon />
                 </IconButton>

diff --git a/src/reports/LogsPage.jsx b/src/reports/LogsPage.jsx
@@ -17,12 +17,6 @@ const useStyles = makeStyles((theme) => ({
     width: '1%',
     paddingLeft: theme.spacing(1),
   },
-  success: {
-    color: theme.palette.success.main,
-  },
-  error: {
-    color: theme.palette.error.main,
-  },
 }));
 
 const LogsPage = () => {
@@ -59,13 +53,13 @@ const LogsPage = () => {
             <TableRow key={index}>
               <TableCell className={classes.columnAction} padding="none">
                 {item.deviceId ? (
-                  <IconButton size="small" disabled>
-                    <CheckCircleOutlineIcon fontSize="small" className={classes.success} />
+                  <IconButton color="success" size="small" disabled>
+                    <CheckCircleOutlineIcon fontSize="small" />
                   </IconButton>
                 ) : (
                   <Tooltip title={t('loginRegister')}>
-                    <IconButton size="small" onClick={() => registerDevice(item.uniqueId)}>
-                      <HelpOutlineIcon fontSize="small" className={classes.error} />
+                    <IconButton color="error" size="small" onClick={() => registerDevice(item.uniqueId)}>
+                      <HelpOutlineIcon fontSize="small" />
                     </IconButton>
                   </Tooltip>
                 )}