CANCEL button always in dark blue (secondary) color

interface/src/app/settings/APSettings.tsx

@@ -206,7 +206,7 @@ const APSettings = () => {
               startIcon={<CancelIcon />}
               disabled={saving}
               variant="outlined"
-              color="primary"
+              color="secondary"
               type="submit"
               onClick={loadData}
             >

interface/src/app/settings/ApplicationSettings.tsx

@@ -813,7 +813,7 @@ const ApplicationSettings = () => {
             <Button
               startIcon={<CancelIcon />}
               variant="outlined"
-              color="primary"
+              color="secondary"
               type="submit"
               onClick={loadData}
             >

interface/src/app/settings/MqttSettings.tsx

@@ -474,7 +474,7 @@ const MqttSettings = () => {
               startIcon={<CancelIcon />}
               disabled={saving}
               variant="outlined"
-              color="primary"
+              color="secondary"
               type="submit"
               onClick={loadData}
             >

interface/src/app/settings/NTPSettings.tsx

@@ -121,7 +121,7 @@ const NTPSettings = () => {
               startIcon={<CancelIcon />}
               disabled={saving}
               variant="outlined"
-              color="primary"
+              color="secondary"
               type="submit"
               onClick={loadData}
             >

interface/src/app/settings/network/NetworkSettings.tsx

@@ -372,7 +372,7 @@ const NetworkSettings = () => {
                 startIcon={<CancelIcon />}
                 disabled={saving}
                 variant="outlined"
-                color="primary"
+                color="secondary"
                 type="submit"
                 onClick={loadData}
               >

interface/src/app/settings/security/ManageUsers.tsx

@@ -227,7 +227,7 @@ const ManageUsers = () => {
                   startIcon={<CancelIcon />}
                   disabled={saving}
                   variant="outlined"
-                  color="primary"
+                  color="secondary"
                   type="submit"
                   onClick={onCancelSubmit}
                 >

interface/src/app/settings/security/SecuritySettings.tsx

@@ -85,7 +85,7 @@ const SecuritySettings = () => {
               startIcon={<CancelIcon />}
               disabled={saving}
               variant="outlined"
-              color="primary"
+              color="secondary"
               type="submit"
               onClick={loadData}
             >

interface/src/components/upload/DragNdrop.tsx

@@ -87,7 +87,7 @@ const DragNdrop = ({ onFileSelected }) => {
             <Button
               startIcon={<CancelIcon />}
               variant="outlined"
-              color="error"
+              color="secondary"
               onClick={(e) => handleRemoveFile(e)}
             >
               {LL.CANCEL()}