From 2ec11c8ffdaae126498c4f0d9de6fefa301b02d6 Mon Sep 17 00:00:00 2001
From: Evgeny Stepanovych <undsoft@gmail.com>
Date: Mon, 6 Jan 2025 11:57:35 -0500
Subject: [PATCH] NAS-133384: Use red color for destructive actions (#11280)

---
 src/app/interfaces/dialog.interface.ts                |  2 +-
 .../components/slide-in/slide-in.component.spec.ts    | 11 ++---------
 .../components/slide-in/slide-in.component.ts         |  2 +-
 .../app-delete-dialog.component.html                  |  2 +-
 .../docker-image-delete-dialog.component.html         |  2 +-
 .../cloud-credentials-card.component.ts               |  1 +
 .../ssh-connection-card.component.ts                  |  1 +
 .../ssh-keypair-card/ssh-keypair-card.component.ts    |  1 +
 .../acme-dns-authenticator-list.component.ts          |  1 +
 .../certificate-authority-list.component.spec.ts      |  1 +
 .../certificate-authority-list.component.ts           |  1 +
 .../certificate-list.component.spec.ts                |  2 +-
 .../certificate-list/certificate-list.component.ts    |  2 +-
 .../csr-list/csr-list.component.spec.ts               |  2 +-
 .../certificates-dash/csr-list/csr-list.component.ts  |  2 +-
 .../delete-group-dialog.component.html                |  2 +-
 .../privilege-list/privilege-list.component.ts        |  1 +
 .../user-api-keys/user-api-keys.component.spec.ts     |  2 +-
 .../users/user-api-keys/user-api-keys.component.ts    |  2 +-
 .../delete-user-dialog.component.html                 |  2 +-
 .../cloud-backup-card.component.spec.ts               |  2 ++
 .../cloud-backup-card/cloud-backup-card.component.ts  |  2 ++
 .../cloud-backup-snapshots.component.ts               |  1 +
 .../cloud-backup-list.component.spec.ts               |  2 ++
 .../cloud-backup-list/cloud-backup-list.component.ts  |  2 ++
 .../cloudsync-list/cloudsync-list.component.spec.ts   |  2 ++
 .../cloudsync-list/cloudsync-list.component.ts        |  2 ++
 .../cloudsync-task-card.component.spec.ts             |  2 ++
 .../cloudsync-task-card.component.ts                  |  2 ++
 .../replication-list.component.spec.ts                |  2 ++
 .../replication-list/replication-list.component.ts    |  2 ++
 .../replication-task-card.component.spec.ts           |  2 ++
 .../replication-task-card.component.ts                |  2 ++
 .../rsync-task-card/rsync-task-card.component.spec.ts |  2 ++
 .../rsync-task-card/rsync-task-card.component.ts      |  2 ++
 .../rsync-task-list/rsync-task-list.component.ts      |  1 +
 .../scrub-task/scrub-list/scrub-list.component.ts     |  1 +
 .../scrub-task-card/scrub-task-card.component.spec.ts |  2 ++
 .../scrub-task-card/scrub-task-card.component.ts      |  2 ++
 .../smart-task-card/smart-task-card.component.spec.ts |  2 ++
 .../smart-task-card/smart-task-card.component.ts      |  2 ++
 .../smart-task-list/smart-task-list.component.spec.ts |  2 ++
 .../smart-task-list/smart-task-list.component.ts      |  2 ++
 .../snapshot-task-card.component.spec.ts              |  2 ++
 .../snapshot-task-card.component.ts                   |  2 ++
 .../snapshot-task-list.component.spec.ts              |  2 ++
 .../snapshot-task-list.component.ts                   |  2 ++
 .../vmware-snapshot-list.component.ts                 |  2 ++
 .../dataset-quotas-list.component.ts                  |  1 +
 .../delete-dataset-dialog.component.html              |  3 +--
 .../delete-dataset-dialog.component.scss              |  4 ----
 .../delete-dataset-dialog.component.ts                |  1 +
 .../snapshot-batch-delete-dialog.component.html       |  2 +-
 .../snapshot-details-row.component.ts                 |  1 +
 .../static-route-delete-dialog.component.html         |  2 +-
 .../reporting-exporters-list.component.ts             |  1 +
 .../shares-dashboard/nfs-card/nfs-card.component.ts   |  2 ++
 .../shares-dashboard/smb-card/smb-card.component.ts   |  2 ++
 .../authorized-access-list.component.ts               |  1 +
 .../delete-extent-dialog.component.html               |  2 +-
 .../initiator-list/initiator-list.component.ts        |  1 +
 .../iscsi/portal/portal-list/portal-list.component.ts |  1 +
 .../delete-target-dialog.component.html               |  2 +-
 .../pages/sharing/nfs/nfs-list/nfs-list.component.ts  |  1 +
 .../pages/sharing/smb/smb-list/smb-list.component.ts  |  1 +
 .../export-disconnect-modal.component.html            |  2 +-
 .../cron-delete-dialog.component.html                 |  2 +-
 .../init-shutdown-card.component.ts                   |  1 +
 .../tunable-list/tunable-list.component.spec.ts       |  1 +
 .../sysctl/tunable-list/tunable-list.component.ts     |  1 +
 .../boot-pool-delete-dialog.component.html            |  2 +-
 .../components/jbof-list/jbof-list.component.spec.ts  |  2 +-
 .../components/jbof-list/jbof-list.component.ts       |  2 +-
 .../manage-configuration-menu.component.html          |  2 +-
 .../manage-configuration-menu.component.ts            |  3 ++-
 .../ntp-server-card/ntp-server-card.component.ts      |  1 +
 .../upload-config-dialog.component.html               |  2 +-
 .../device-delete-modal.component.html                |  2 +-
 .../delete-vm-dialog/delete-vm-dialog.component.html  |  2 +-
 79 files changed, 107 insertions(+), 41 deletions(-)

diff --git a/src/app/interfaces/dialog.interface.ts b/src/app/interfaces/dialog.interface.ts
index 373f827a70e..4a6df028a1f 100644
--- a/src/app/interfaces/dialog.interface.ts
+++ b/src/app/interfaces/dialog.interface.ts
@@ -7,7 +7,7 @@ export interface ConfirmOptions {
   cancelText?: string;
   disableClose?: boolean;
   confirmationCheckboxText?: string;
-  buttonColor?: 'primary' | 'red';
+  buttonColor?: 'primary' | 'warn';
 }
 
 export interface ConfirmOptionsWithSecondaryCheckbox extends ConfirmOptions {
diff --git a/src/app/modules/slide-ins/components/slide-in/slide-in.component.spec.ts b/src/app/modules/slide-ins/components/slide-in/slide-in.component.spec.ts
index a2a759dfb56..2168c61efd5 100644
--- a/src/app/modules/slide-ins/components/slide-in/slide-in.component.spec.ts
+++ b/src/app/modules/slide-ins/components/slide-in/slide-in.component.spec.ts
@@ -215,7 +215,7 @@ describe('SlideInComponent', () => {
       message: 'You have unsaved changes. Are you sure you want to close?',
       cancelText: 'No',
       buttonText: 'Yes',
-      buttonColor: 'red',
+      buttonColor: 'warn',
       hideCheckbox: true,
     });
     discardPeriodicTasks();
@@ -236,14 +236,7 @@ describe('SlideInComponent', () => {
     const backdrop = spectator.query('.ix-slide-in2-background')!;
     backdrop.dispatchEvent(new Event('click'));
 
-    expect(spectator.inject(DialogService).confirm).not.toHaveBeenCalledWith({
-      title: 'Unsaved Changes',
-      message: 'You have unsaved changes. Are you sure you want to close?',
-      cancelText: 'No',
-      buttonText: 'Yes',
-      buttonColor: 'red',
-      hideCheckbox: true,
-    });
+    expect(spectator.inject(DialogService).confirm).not.toHaveBeenCalled();
     discardPeriodicTasks();
   }));
 });
diff --git a/src/app/modules/slide-ins/components/slide-in/slide-in.component.ts b/src/app/modules/slide-ins/components/slide-in/slide-in.component.ts
index e38e0478f57..b4c33b041ac 100644
--- a/src/app/modules/slide-ins/components/slide-in/slide-in.component.ts
+++ b/src/app/modules/slide-ins/components/slide-in/slide-in.component.ts
@@ -218,7 +218,7 @@ export class SlideInComponent implements OnInit, OnDestroy {
       message: this.translate.instant('You have unsaved changes. Are you sure you want to close?'),
       cancelText: this.translate.instant('No'),
       buttonText: this.translate.instant('Yes'),
-      buttonColor: 'red',
+      buttonColor: 'warn',
       hideCheckbox: true,
     });
   }
diff --git a/src/app/pages/apps/components/app-delete-dialog/app-delete-dialog.component.html b/src/app/pages/apps/components/app-delete-dialog/app-delete-dialog.component.html
index 738d3f52f18..5d90b1fc015 100644
--- a/src/app/pages/apps/components/app-delete-dialog/app-delete-dialog.component.html
+++ b/src/app/pages/apps/components/app-delete-dialog/app-delete-dialog.component.html
@@ -33,7 +33,7 @@ <h1 matDialogTitle>
     <button
       mat-button
       type="submit"
-      color="primary"
+      color="warn"
       ixTest="delete"
       [disabled]="form.invalid"
     >
diff --git a/src/app/pages/apps/components/docker-images/docker-image-delete-dialog/docker-image-delete-dialog.component.html b/src/app/pages/apps/components/docker-images/docker-image-delete-dialog/docker-image-delete-dialog.component.html
index 2777357995c..31a3c512924 100644
--- a/src/app/pages/apps/components/docker-images/docker-image-delete-dialog/docker-image-delete-dialog.component.html
+++ b/src/app/pages/apps/components/docker-images/docker-image-delete-dialog/docker-image-delete-dialog.component.html
@@ -53,7 +53,7 @@ <h1 matDialogTitle>{{ 'Delete' | translate }}</h1>
           <button
             mat-button
             type="submit"
-            color="primary"
+            color="warn"
             ixTest="delete"
             [disabled]="form.invalid || !!runningCount"
           >
diff --git a/src/app/pages/credentials/backup-credentials/cloud-credentials-card/cloud-credentials-card.component.ts b/src/app/pages/credentials/backup-credentials/cloud-credentials-card/cloud-credentials-card.component.ts
index e17c0c5cd1e..de1e800e164 100644
--- a/src/app/pages/credentials/backup-credentials/cloud-credentials-card/cloud-credentials-card.component.ts
+++ b/src/app/pages/credentials/backup-credentials/cloud-credentials-card/cloud-credentials-card.component.ts
@@ -173,6 +173,7 @@ export class CloudCredentialsCardComponent implements OnInit {
         message: this.translate.instant('Are you sure you want to delete the <b>{name}</b>?', {
           name: credential.name,
         }),
+        buttonColor: 'warn',
         buttonText: this.translate.instant('Delete'),
       })
       .pipe(
diff --git a/src/app/pages/credentials/backup-credentials/ssh-connection-card/ssh-connection-card.component.ts b/src/app/pages/credentials/backup-credentials/ssh-connection-card/ssh-connection-card.component.ts
index 570b6e70d1d..f83aa9ec1ba 100644
--- a/src/app/pages/credentials/backup-credentials/ssh-connection-card/ssh-connection-card.component.ts
+++ b/src/app/pages/credentials/backup-credentials/ssh-connection-card/ssh-connection-card.component.ts
@@ -139,6 +139,7 @@ export class SshConnectionCardComponent implements OnInit {
         message: this.translate.instant('Are you sure you want to delete the <b>{name}</b> SSH Connection?', {
           name: credential.name,
         }),
+        buttonColor: 'warn',
         buttonText: this.translate.instant('Delete'),
       })
       .pipe(
diff --git a/src/app/pages/credentials/backup-credentials/ssh-keypair-card/ssh-keypair-card.component.ts b/src/app/pages/credentials/backup-credentials/ssh-keypair-card/ssh-keypair-card.component.ts
index e21df19869f..708e7a7ef96 100644
--- a/src/app/pages/credentials/backup-credentials/ssh-keypair-card/ssh-keypair-card.component.ts
+++ b/src/app/pages/credentials/backup-credentials/ssh-keypair-card/ssh-keypair-card.component.ts
@@ -154,6 +154,7 @@ export class SshKeypairCardComponent implements OnInit {
         message: this.translate.instant('Are you sure you want to delete the <b>{name}</b>?', {
           name: credential.name,
         }),
+        buttonColor: 'warn',
         buttonText: this.translate.instant('Delete'),
       })
       .pipe(
diff --git a/src/app/pages/credentials/certificates-dash/acme-dns-authenticator-list/acme-dns-authenticator-list.component.ts b/src/app/pages/credentials/certificates-dash/acme-dns-authenticator-list/acme-dns-authenticator-list.component.ts
index 70888d858b1..a689b803855 100644
--- a/src/app/pages/credentials/certificates-dash/acme-dns-authenticator-list/acme-dns-authenticator-list.component.ts
+++ b/src/app/pages/credentials/certificates-dash/acme-dns-authenticator-list/acme-dns-authenticator-list.component.ts
@@ -148,6 +148,7 @@ export class AcmeDnsAuthenticatorListComponent implements OnInit {
         message: this.translate.instant('Are you sure you want to delete the <b>{name}</b> DNS Authenticator?', {
           name: authenticator.name,
         }),
+        buttonColor: 'warn',
         buttonText: this.translate.instant('Delete'),
       })
       .pipe(
diff --git a/src/app/pages/credentials/certificates-dash/certificate-authority-list/certificate-authority-list.component.spec.ts b/src/app/pages/credentials/certificates-dash/certificate-authority-list/certificate-authority-list.component.spec.ts
index 53a95766117..f531d8f6261 100644
--- a/src/app/pages/credentials/certificates-dash/certificate-authority-list/certificate-authority-list.component.spec.ts
+++ b/src/app/pages/credentials/certificates-dash/certificate-authority-list/certificate-authority-list.component.spec.ts
@@ -111,6 +111,7 @@ describe('CertificateAuthorityListComponent', () => {
 
     expect(dialog.confirm).toHaveBeenCalledWith({
       buttonText: 'Delete',
+      buttonColor: 'warn',
       message: 'Are you sure you want to delete the <b>certificate-authority-0</b> certificate authority?',
       title: 'Delete Certificate Authority',
     });
diff --git a/src/app/pages/credentials/certificates-dash/certificate-authority-list/certificate-authority-list.component.ts b/src/app/pages/credentials/certificates-dash/certificate-authority-list/certificate-authority-list.component.ts
index fc8932ace5f..fcc728d5677 100644
--- a/src/app/pages/credentials/certificates-dash/certificate-authority-list/certificate-authority-list.component.ts
+++ b/src/app/pages/credentials/certificates-dash/certificate-authority-list/certificate-authority-list.component.ts
@@ -215,6 +215,7 @@ export class CertificateAuthorityListComponent implements OnInit {
           message: this.translate.instant('Are you sure you want to delete the <b>{name}</b> certificate authority?', {
             name: authority.name,
           }),
+          buttonColor: 'warn',
           buttonText: this.translate.instant('Delete'),
         })
         .pipe(
diff --git a/src/app/pages/credentials/certificates-dash/certificate-list/certificate-list.component.spec.ts b/src/app/pages/credentials/certificates-dash/certificate-list/certificate-list.component.spec.ts
index 9986a4600ff..ea0e336a997 100644
--- a/src/app/pages/credentials/certificates-dash/certificate-list/certificate-list.component.spec.ts
+++ b/src/app/pages/credentials/certificates-dash/certificate-list/certificate-list.component.spec.ts
@@ -134,7 +134,7 @@ describe('CertificateListComponent', () => {
       hideCheckbox: true,
       secondaryCheckbox: true,
       secondaryCheckboxText: 'Force',
-      buttonColor: 'red',
+      buttonColor: 'warn',
       buttonText: 'Delete',
     });
     expect(spectator.inject(DialogService).jobDialog).toHaveBeenCalled();
diff --git a/src/app/pages/credentials/certificates-dash/certificate-list/certificate-list.component.ts b/src/app/pages/credentials/certificates-dash/certificate-list/certificate-list.component.ts
index dcc35732e9a..8e781577246 100644
--- a/src/app/pages/credentials/certificates-dash/certificate-list/certificate-list.component.ts
+++ b/src/app/pages/credentials/certificates-dash/certificate-list/certificate-list.component.ts
@@ -200,7 +200,7 @@ export class CertificateListComponent implements OnInit {
       message: this.translate.instant('Are you sure you want to delete "{name}"?', { name: certificate.name }),
       hideCheckbox: true,
       secondaryCheckbox: true,
-      buttonColor: 'red',
+      buttonColor: 'warn',
       secondaryCheckboxText: this.translate.instant('Force'),
       buttonText: this.translate.instant('Delete'),
     }).pipe(
diff --git a/src/app/pages/credentials/certificates-dash/csr-list/csr-list.component.spec.ts b/src/app/pages/credentials/certificates-dash/csr-list/csr-list.component.spec.ts
index 35d4e026d5f..7867cfc2d6d 100644
--- a/src/app/pages/credentials/certificates-dash/csr-list/csr-list.component.spec.ts
+++ b/src/app/pages/credentials/certificates-dash/csr-list/csr-list.component.spec.ts
@@ -120,7 +120,7 @@ describe('CertificateSigningRequestsListComponent', () => {
       hideCheckbox: true,
       secondaryCheckbox: true,
       secondaryCheckboxText: 'Force',
-      buttonColor: 'red',
+      buttonColor: 'warn',
       buttonText: 'Delete',
     });
     expect(spectator.inject(DialogService).jobDialog).toHaveBeenCalled();
diff --git a/src/app/pages/credentials/certificates-dash/csr-list/csr-list.component.ts b/src/app/pages/credentials/certificates-dash/csr-list/csr-list.component.ts
index 07784c67a67..e6e42cc44f4 100644
--- a/src/app/pages/credentials/certificates-dash/csr-list/csr-list.component.ts
+++ b/src/app/pages/credentials/certificates-dash/csr-list/csr-list.component.ts
@@ -181,7 +181,7 @@ export class CertificateSigningRequestsListComponent implements OnInit {
       hideCheckbox: true,
       secondaryCheckbox: true,
       secondaryCheckboxText: this.translate.instant('Force'),
-      buttonColor: 'red',
+      buttonColor: 'warn',
       buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter((confirmation: DialogWithSecondaryCheckboxResult) => confirmation.confirmed),
diff --git a/src/app/pages/credentials/groups/group-details-row/delete-group-dialog/delete-group-dialog.component.html b/src/app/pages/credentials/groups/group-details-row/delete-group-dialog/delete-group-dialog.component.html
index 3a787fbf71e..5c542d23394 100644
--- a/src/app/pages/credentials/groups/group-details-row/delete-group-dialog/delete-group-dialog.component.html
+++ b/src/app/pages/credentials/groups/group-details-row/delete-group-dialog/delete-group-dialog.component.html
@@ -15,7 +15,7 @@ <h1 mat-dialog-title>{{ 'Delete Group' | translate }}</h1>
   <button
     *ixRequiresRoles="requiredRoles"
     mat-button
-    color="primary"
+    color="warn"
     ixTest="delete"
     (click)="onDelete()"
   >
diff --git a/src/app/pages/credentials/groups/privilege/privilege-list/privilege-list.component.ts b/src/app/pages/credentials/groups/privilege/privilege-list/privilege-list.component.ts
index 2fc4695e116..ba61508144c 100644
--- a/src/app/pages/credentials/groups/privilege/privilege-list/privilege-list.component.ts
+++ b/src/app/pages/credentials/groups/privilege/privilege-list/privilege-list.component.ts
@@ -176,6 +176,7 @@ export class PrivilegeListComponent implements OnInit {
         message: this.translate.instant('Are you sure you want to delete the <b>{name}</b>?', {
           name: privilege.name,
         }),
+        buttonColor: 'warn',
         buttonText: this.translate.instant('Delete'),
       })
       .pipe(
diff --git a/src/app/pages/credentials/users/user-api-keys/user-api-keys.component.spec.ts b/src/app/pages/credentials/users/user-api-keys/user-api-keys.component.spec.ts
index 4659fbbd47a..12f46665739 100644
--- a/src/app/pages/credentials/users/user-api-keys/user-api-keys.component.spec.ts
+++ b/src/app/pages/credentials/users/user-api-keys/user-api-keys.component.spec.ts
@@ -139,7 +139,7 @@ describe('UserApiKeysComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Delete API Key',
       buttonText: 'Delete',
-      cancelText: 'Cancel',
+      buttonColor: 'warn',
       message: 'Are you sure you want to delete the <b>first-api-key</b> API Key?',
     });
 
diff --git a/src/app/pages/credentials/users/user-api-keys/user-api-keys.component.ts b/src/app/pages/credentials/users/user-api-keys/user-api-keys.component.ts
index 1c3cad18076..c44fe41fdbc 100644
--- a/src/app/pages/credentials/users/user-api-keys/user-api-keys.component.ts
+++ b/src/app/pages/credentials/users/user-api-keys/user-api-keys.component.ts
@@ -199,7 +199,7 @@ export class UserApiKeysComponent implements OnInit {
       title: this.translate.instant('Delete API Key'),
       message: this.translate.instant('Are you sure you want to delete the <b>{name}</b> API Key?', { name: apiKey.name }),
       buttonText: this.translate.instant('Delete'),
-      cancelText: this.translate.instant('Cancel'),
+      buttonColor: 'warn',
     }).pipe(
       filter(Boolean),
       tap(() => this.loader.open()),
diff --git a/src/app/pages/credentials/users/user-details-row/delete-user-dialog/delete-user-dialog.component.html b/src/app/pages/credentials/users/user-details-row/delete-user-dialog/delete-user-dialog.component.html
index b50ed1c69b6..4d6e939edc1 100644
--- a/src/app/pages/credentials/users/user-details-row/delete-user-dialog/delete-user-dialog.component.html
+++ b/src/app/pages/credentials/users/user-details-row/delete-user-dialog/delete-user-dialog.component.html
@@ -16,7 +16,7 @@ <h1 mat-dialog-title>{{ 'Delete User' | translate }}</h1>
   <button
     *ixRequiresRoles="requiredRoles"
     mat-button
-    color="primary"
+    color="warn"
     ixTest="delete"
     (click)="onDelete()"
   >
diff --git a/src/app/pages/data-protection/cloud-backup/cloud-backup-card/cloud-backup-card.component.spec.ts b/src/app/pages/data-protection/cloud-backup/cloud-backup-card/cloud-backup-card.component.spec.ts
index 2b6e19f8cea..f66ef37eead 100644
--- a/src/app/pages/data-protection/cloud-backup/cloud-backup-card/cloud-backup-card.component.spec.ts
+++ b/src/app/pages/data-protection/cloud-backup/cloud-backup-card/cloud-backup-card.component.spec.ts
@@ -151,6 +151,8 @@ describe('CloudBackupCardComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete Cloud Backup <b>"test one"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('cloud_backup.delete', [1]);
diff --git a/src/app/pages/data-protection/cloud-backup/cloud-backup-card/cloud-backup-card.component.ts b/src/app/pages/data-protection/cloud-backup/cloud-backup-card/cloud-backup-card.component.ts
index d16d7d9e68f..df2b2ae9310 100644
--- a/src/app/pages/data-protection/cloud-backup/cloud-backup-card/cloud-backup-card.component.ts
+++ b/src/app/pages/data-protection/cloud-backup/cloud-backup-card/cloud-backup-card.component.ts
@@ -211,6 +211,8 @@ export class CloudBackupCardComponent implements OnInit {
       message: this.translate.instant('Delete Cloud Backup <b>"{name}"</b>?', {
         name: row.description,
       }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('cloud_backup.delete', [row.id]).pipe(this.appLoader.withLoader())),
diff --git a/src/app/pages/data-protection/cloud-backup/cloud-backup-details/cloud-backup-snapshots/cloud-backup-snapshots.component.ts b/src/app/pages/data-protection/cloud-backup/cloud-backup-details/cloud-backup-snapshots/cloud-backup-snapshots.component.ts
index 21bfebbfc45..b897b6dd99a 100644
--- a/src/app/pages/data-protection/cloud-backup/cloud-backup-details/cloud-backup-snapshots/cloud-backup-snapshots.component.ts
+++ b/src/app/pages/data-protection/cloud-backup/cloud-backup-details/cloud-backup-snapshots/cloud-backup-snapshots.component.ts
@@ -146,6 +146,7 @@ export class CloudBackupSnapshotsComponent implements OnChanges {
         message: this.translate.instant('Are you sure you want to delete the <b>{name}</b>?', {
           name: row.hostname,
         }),
+        buttonColor: 'warn',
         buttonText: this.translate.instant('Delete'),
       })
       .pipe(
diff --git a/src/app/pages/data-protection/cloud-backup/cloud-backup-list/cloud-backup-list.component.spec.ts b/src/app/pages/data-protection/cloud-backup/cloud-backup-list/cloud-backup-list.component.spec.ts
index 73ae1d57b3b..efe96de3f76 100644
--- a/src/app/pages/data-protection/cloud-backup/cloud-backup-list/cloud-backup-list.component.spec.ts
+++ b/src/app/pages/data-protection/cloud-backup/cloud-backup-list/cloud-backup-list.component.spec.ts
@@ -154,6 +154,8 @@ describe('CloudBackupListComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete Cloud Backup <b>"UA"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('cloud_backup.delete', [1]);
diff --git a/src/app/pages/data-protection/cloud-backup/cloud-backup-list/cloud-backup-list.component.ts b/src/app/pages/data-protection/cloud-backup/cloud-backup-list/cloud-backup-list.component.ts
index 4df35856fd3..d5ce68f370a 100644
--- a/src/app/pages/data-protection/cloud-backup/cloud-backup-list/cloud-backup-list.component.ts
+++ b/src/app/pages/data-protection/cloud-backup/cloud-backup-list/cloud-backup-list.component.ts
@@ -224,6 +224,8 @@ export class CloudBackupListComponent implements OnInit {
   doDelete(row: CloudBackup): void {
     this.dialogService.confirm({
       title: this.translate.instant('Confirmation'),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
       message: this.translate.instant('Delete Cloud Backup <b>"{name}"</b>?', {
         name: row.description,
       }),
diff --git a/src/app/pages/data-protection/cloudsync/cloudsync-list/cloudsync-list.component.spec.ts b/src/app/pages/data-protection/cloudsync/cloudsync-list/cloudsync-list.component.spec.ts
index cc2872ed24e..d0e6baa8536 100644
--- a/src/app/pages/data-protection/cloudsync/cloudsync-list/cloudsync-list.component.spec.ts
+++ b/src/app/pages/data-protection/cloudsync/cloudsync-list/cloudsync-list.component.spec.ts
@@ -214,6 +214,8 @@ describe('CloudSyncListComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete Cloud Sync Task <b>"custom-cloudlist"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('cloudsync.delete', [1]);
diff --git a/src/app/pages/data-protection/cloudsync/cloudsync-list/cloudsync-list.component.ts b/src/app/pages/data-protection/cloudsync/cloudsync-list/cloudsync-list.component.ts
index 9d42340dccc..9bdbd1ea622 100644
--- a/src/app/pages/data-protection/cloudsync/cloudsync-list/cloudsync-list.component.ts
+++ b/src/app/pages/data-protection/cloudsync/cloudsync-list/cloudsync-list.component.ts
@@ -300,6 +300,8 @@ export class CloudSyncListComponent implements OnInit {
       message: this.translate.instant('Delete Cloud Sync Task <b>"{name}"</b>?', {
         name: row.description,
       }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('cloudsync.delete', [row.id])),
diff --git a/src/app/pages/data-protection/cloudsync/cloudsync-task-card/cloudsync-task-card.component.spec.ts b/src/app/pages/data-protection/cloudsync/cloudsync-task-card/cloudsync-task-card.component.spec.ts
index 7c171f3f2d4..68b69edefcd 100644
--- a/src/app/pages/data-protection/cloudsync/cloudsync-task-card/cloudsync-task-card.component.spec.ts
+++ b/src/app/pages/data-protection/cloudsync/cloudsync-task-card/cloudsync-task-card.component.spec.ts
@@ -237,6 +237,8 @@ describe('CloudSyncTaskCardComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete Cloud Sync Task <b>"custom-cloudsync"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('cloudsync.delete', [3]);
diff --git a/src/app/pages/data-protection/cloudsync/cloudsync-task-card/cloudsync-task-card.component.ts b/src/app/pages/data-protection/cloudsync/cloudsync-task-card/cloudsync-task-card.component.ts
index 4c444fadb3c..3e5fccf77ca 100644
--- a/src/app/pages/data-protection/cloudsync/cloudsync-task-card/cloudsync-task-card.component.ts
+++ b/src/app/pages/data-protection/cloudsync/cloudsync-task-card/cloudsync-task-card.component.ts
@@ -192,6 +192,8 @@ export class CloudSyncTaskCardComponent implements OnInit {
       message: this.translate.instant('Delete Cloud Sync Task <b>"{name}"</b>?', {
         name: cloudsyncTask.description,
       }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('cloudsync.delete', [cloudsyncTask.id])),
diff --git a/src/app/pages/data-protection/replication/replication-list/replication-list.component.spec.ts b/src/app/pages/data-protection/replication/replication-list/replication-list.component.spec.ts
index 736d2a5abfc..2b537d7f9c2 100644
--- a/src/app/pages/data-protection/replication/replication-list/replication-list.component.spec.ts
+++ b/src/app/pages/data-protection/replication/replication-list/replication-list.component.spec.ts
@@ -226,6 +226,8 @@ describe('ReplicationListComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete Replication Task <b>"pewl - pewl"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('replication.delete', [1]);
diff --git a/src/app/pages/data-protection/replication/replication-list/replication-list.component.ts b/src/app/pages/data-protection/replication/replication-list/replication-list.component.ts
index 62c6f0d53c9..23049c78f11 100644
--- a/src/app/pages/data-protection/replication/replication-list/replication-list.component.ts
+++ b/src/app/pages/data-protection/replication/replication-list/replication-list.component.ts
@@ -273,6 +273,8 @@ export class ReplicationListComponent implements OnInit {
       message: this.translate.instant('Delete Replication Task <b>"{name}"</b>?', {
         name: row.name,
       }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('replication.delete', [row.id]).pipe(this.appLoader.withLoader())),
diff --git a/src/app/pages/data-protection/replication/replication-task-card/replication-task-card.component.spec.ts b/src/app/pages/data-protection/replication/replication-task-card/replication-task-card.component.spec.ts
index da8d36f30aa..5053555aae9 100644
--- a/src/app/pages/data-protection/replication/replication-task-card/replication-task-card.component.spec.ts
+++ b/src/app/pages/data-protection/replication/replication-task-card/replication-task-card.component.spec.ts
@@ -191,6 +191,8 @@ describe('ReplicationTaskCardComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete Replication Task <b>"APPS/test2 - APPS/test3"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('replication.delete', [1]);
diff --git a/src/app/pages/data-protection/replication/replication-task-card/replication-task-card.component.ts b/src/app/pages/data-protection/replication/replication-task-card/replication-task-card.component.ts
index c7658469f62..2cd2c286905 100644
--- a/src/app/pages/data-protection/replication/replication-task-card/replication-task-card.component.ts
+++ b/src/app/pages/data-protection/replication/replication-task-card/replication-task-card.component.ts
@@ -182,6 +182,8 @@ export class ReplicationTaskCardComponent implements OnInit {
       message: this.translate.instant('Delete Replication Task <b>"{name}"</b>?', {
         name: replicationTask.name,
       }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('replication.delete', [replicationTask.id])),
diff --git a/src/app/pages/data-protection/rsync-task/rsync-task-card/rsync-task-card.component.spec.ts b/src/app/pages/data-protection/rsync-task/rsync-task-card/rsync-task-card.component.spec.ts
index 80b347c593d..1e7c2b7cefb 100644
--- a/src/app/pages/data-protection/rsync-task/rsync-task-card/rsync-task-card.component.spec.ts
+++ b/src/app/pages/data-protection/rsync-task/rsync-task-card/rsync-task-card.component.spec.ts
@@ -174,6 +174,8 @@ describe('RsyncTaskCardComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete Rsync Task <b>"asd - asdad"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('rsynctask.delete', [1]);
diff --git a/src/app/pages/data-protection/rsync-task/rsync-task-card/rsync-task-card.component.ts b/src/app/pages/data-protection/rsync-task/rsync-task-card/rsync-task-card.component.ts
index 4a5521ab47b..4e9466bd3f8 100644
--- a/src/app/pages/data-protection/rsync-task/rsync-task-card/rsync-task-card.component.ts
+++ b/src/app/pages/data-protection/rsync-task/rsync-task-card/rsync-task-card.component.ts
@@ -172,6 +172,8 @@ export class RsyncTaskCardComponent implements OnInit {
       message: this.translate.instant('Delete Rsync Task <b>"{name}"</b>?', {
         name: `${row.remotehost || row.path} ${row.remotemodule ? '- ' + row.remotemodule : ''}`,
       }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('rsynctask.delete', [row.id])),
diff --git a/src/app/pages/data-protection/rsync-task/rsync-task-list/rsync-task-list.component.ts b/src/app/pages/data-protection/rsync-task/rsync-task-list/rsync-task-list.component.ts
index 4b26463ac25..5d31b978c37 100644
--- a/src/app/pages/data-protection/rsync-task/rsync-task-list/rsync-task-list.component.ts
+++ b/src/app/pages/data-protection/rsync-task/rsync-task-list/rsync-task-list.component.ts
@@ -262,6 +262,7 @@ export class RsyncTaskListComponent implements OnInit {
       title: this.translate.instant('Delete Task'),
       message: this.translate.instant('Are you sure you want to delete this task?'),
       buttonText: this.translate.instant('Delete'),
+      buttonColor: 'warn',
     })
       .pipe(
         filter(Boolean),
diff --git a/src/app/pages/data-protection/scrub-task/scrub-list/scrub-list.component.ts b/src/app/pages/data-protection/scrub-task/scrub-list/scrub-list.component.ts
index 85f184c55f9..3adeeafc425 100644
--- a/src/app/pages/data-protection/scrub-task/scrub-list/scrub-list.component.ts
+++ b/src/app/pages/data-protection/scrub-task/scrub-list/scrub-list.component.ts
@@ -161,6 +161,7 @@ export class ScrubListComponent implements OnInit {
       title: this.translate.instant('Delete Task'),
       message: this.translate.instant('Are you sure you want to delete this task?'),
       buttonText: this.translate.instant('Delete'),
+      buttonColor: 'warn',
     })
       .pipe(
         filter(Boolean),
diff --git a/src/app/pages/data-protection/scrub-task/scrub-task-card/scrub-task-card.component.spec.ts b/src/app/pages/data-protection/scrub-task/scrub-task-card/scrub-task-card.component.spec.ts
index fd4becee682..1131735a96f 100644
--- a/src/app/pages/data-protection/scrub-task/scrub-task-card/scrub-task-card.component.spec.ts
+++ b/src/app/pages/data-protection/scrub-task/scrub-task-card/scrub-task-card.component.spec.ts
@@ -136,6 +136,8 @@ describe('ScrubTaskCardComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete Scrub Task <b>"APPS"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('pool.scrub.delete', [1]);
diff --git a/src/app/pages/data-protection/scrub-task/scrub-task-card/scrub-task-card.component.ts b/src/app/pages/data-protection/scrub-task/scrub-task-card/scrub-task-card.component.ts
index 09639701112..be2ae72db2a 100644
--- a/src/app/pages/data-protection/scrub-task/scrub-task-card/scrub-task-card.component.ts
+++ b/src/app/pages/data-protection/scrub-task/scrub-task-card/scrub-task-card.component.ts
@@ -136,6 +136,8 @@ export class ScrubTaskCardComponent implements OnInit {
     this.dialogService.confirm({
       title: this.translate.instant('Confirmation'),
       message: this.translate.instant('Delete Scrub Task <b>"{name}"</b>?', { name: scrubTask.pool_name }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('pool.scrub.delete', [scrubTask.id])),
diff --git a/src/app/pages/data-protection/smart-task/smart-task-card/smart-task-card.component.spec.ts b/src/app/pages/data-protection/smart-task/smart-task-card/smart-task-card.component.spec.ts
index 8e0183c1797..fe62fd0dd40 100644
--- a/src/app/pages/data-protection/smart-task/smart-task-card/smart-task-card.component.spec.ts
+++ b/src/app/pages/data-protection/smart-task/smart-task-card/smart-task-card.component.spec.ts
@@ -176,6 +176,8 @@ describe('SmartTaskCardComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete S.M.A.R.T. Test <b>"LONG - test"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('smart.test.delete', [1]);
diff --git a/src/app/pages/data-protection/smart-task/smart-task-card/smart-task-card.component.ts b/src/app/pages/data-protection/smart-task/smart-task-card/smart-task-card.component.ts
index f743f2f6c22..fa7c5e293ee 100644
--- a/src/app/pages/data-protection/smart-task/smart-task-card/smart-task-card.component.ts
+++ b/src/app/pages/data-protection/smart-task/smart-task-card/smart-task-card.component.ts
@@ -156,6 +156,8 @@ export class SmartTaskCardComponent implements OnInit {
       message: this.translate.instant('Delete S.M.A.R.T. Test <b>"{name}"</b>?', {
         name: `${smartTask.type} - ${smartTask.desc}`,
       }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('smart.test.delete', [smartTask.id])),
diff --git a/src/app/pages/data-protection/smart-task/smart-task-list/smart-task-list.component.spec.ts b/src/app/pages/data-protection/smart-task/smart-task-list/smart-task-list.component.spec.ts
index 38ef174b39c..53b6aab686f 100644
--- a/src/app/pages/data-protection/smart-task/smart-task-list/smart-task-list.component.spec.ts
+++ b/src/app/pages/data-protection/smart-task/smart-task-list/smart-task-list.component.spec.ts
@@ -168,6 +168,8 @@ describe('SmartTaskCardComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete S.M.A.R.T. Test <b>"LONG - test"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('smart.test.delete', [1]);
diff --git a/src/app/pages/data-protection/smart-task/smart-task-list/smart-task-list.component.ts b/src/app/pages/data-protection/smart-task/smart-task-list/smart-task-list.component.ts
index 728c4d71308..f44e438f932 100644
--- a/src/app/pages/data-protection/smart-task/smart-task-list/smart-task-list.component.ts
+++ b/src/app/pages/data-protection/smart-task/smart-task-list/smart-task-list.component.ts
@@ -176,6 +176,8 @@ export class SmartTaskListComponent implements OnInit {
       message: this.translate.instant('Delete S.M.A.R.T. Test <b>"{name}"</b>?', {
         name: `${smartTask.type} - ${smartTask.desc}`,
       }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('smart.test.delete', [smartTask.id])),
diff --git a/src/app/pages/data-protection/snapshot-task/snapshot-task-card/snapshot-task-card.component.spec.ts b/src/app/pages/data-protection/snapshot-task/snapshot-task-card/snapshot-task-card.component.spec.ts
index 4622b654dda..0d0c0dcd465 100644
--- a/src/app/pages/data-protection/snapshot-task/snapshot-task-card/snapshot-task-card.component.spec.ts
+++ b/src/app/pages/data-protection/snapshot-task/snapshot-task-card/snapshot-task-card.component.spec.ts
@@ -160,6 +160,8 @@ describe('SnapshotTaskCardComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete Periodic Snapshot Task <b>"APPS/test2 - auto-%Y-%m-%d_%H-%M"</b>?',
+      buttonText: 'Delete',
+      buttonColor: 'warn',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('pool.snapshottask.delete', [1]);
diff --git a/src/app/pages/data-protection/snapshot-task/snapshot-task-card/snapshot-task-card.component.ts b/src/app/pages/data-protection/snapshot-task/snapshot-task-card/snapshot-task-card.component.ts
index ea9eccc30e5..93d4c5aef0a 100644
--- a/src/app/pages/data-protection/snapshot-task/snapshot-task-card/snapshot-task-card.component.ts
+++ b/src/app/pages/data-protection/snapshot-task/snapshot-task-card/snapshot-task-card.component.ts
@@ -155,6 +155,8 @@ export class SnapshotTaskCardComponent implements OnInit {
       message: this.translate.instant('Delete Periodic Snapshot Task <b>"{value}"</b>?', {
         value: `${snapshotTask.dataset} - ${snapshotTask.naming_schema}`,
       }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('pool.snapshottask.delete', [snapshotTask.id])),
diff --git a/src/app/pages/data-protection/snapshot-task/snapshot-task-list/snapshot-task-list.component.spec.ts b/src/app/pages/data-protection/snapshot-task/snapshot-task-list/snapshot-task-list.component.spec.ts
index 6491204b286..fe7c73a2d3a 100644
--- a/src/app/pages/data-protection/snapshot-task/snapshot-task-list/snapshot-task-list.component.spec.ts
+++ b/src/app/pages/data-protection/snapshot-task/snapshot-task-list/snapshot-task-list.component.spec.ts
@@ -157,6 +157,8 @@ describe('SnapshotTaskListComponent', () => {
     expect(spectator.inject(DialogService).confirm).toHaveBeenCalledWith({
       title: 'Confirmation',
       message: 'Delete Periodic Snapshot Task <b>"m60pool/manual-2024-02-05_11-19-clone - auto-%Y-%m-%d_%H-%M"</b>?',
+      buttonColor: 'warn',
+      buttonText: 'Delete',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('pool.snapshottask.query');
diff --git a/src/app/pages/data-protection/snapshot-task/snapshot-task-list/snapshot-task-list.component.ts b/src/app/pages/data-protection/snapshot-task/snapshot-task-list/snapshot-task-list.component.ts
index 6cc9dffec2e..f1ef3c8c309 100644
--- a/src/app/pages/data-protection/snapshot-task/snapshot-task-list/snapshot-task-list.component.ts
+++ b/src/app/pages/data-protection/snapshot-task/snapshot-task-list/snapshot-task-list.component.ts
@@ -232,6 +232,8 @@ export class SnapshotTaskListComponent implements OnInit {
       message: this.translate.instant('Delete Periodic Snapshot Task <b>"{value}"</b>?', {
         value: `${snapshotTask.dataset} - ${snapshotTask.naming_schema}`,
       }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('pool.snapshottask.delete', [snapshotTask.id])),
diff --git a/src/app/pages/data-protection/vmware-snapshot/vmware-snapshot-list/vmware-snapshot-list.component.ts b/src/app/pages/data-protection/vmware-snapshot/vmware-snapshot-list/vmware-snapshot-list.component.ts
index b43824a1ab9..44e1d5e2633 100644
--- a/src/app/pages/data-protection/vmware-snapshot/vmware-snapshot-list/vmware-snapshot-list.component.ts
+++ b/src/app/pages/data-protection/vmware-snapshot/vmware-snapshot-list/vmware-snapshot-list.component.ts
@@ -141,6 +141,8 @@ export class VmwareSnapshotListComponent implements OnInit {
       title: this.translate.instant('Confirmation'),
       message: this.translate.instant('Are you sure you want to delete this snapshot?'),
       hideCheckbox: true,
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('vmware.delete', [snapshot.id])),
diff --git a/src/app/pages/datasets/components/dataset-quotas/dataset-quotas-list/dataset-quotas-list.component.ts b/src/app/pages/datasets/components/dataset-quotas/dataset-quotas-list/dataset-quotas-list.component.ts
index dd3d1176ff0..623750e3990 100644
--- a/src/app/pages/datasets/components/dataset-quotas/dataset-quotas-list/dataset-quotas-list.component.ts
+++ b/src/app/pages/datasets/components/dataset-quotas/dataset-quotas-list/dataset-quotas-list.component.ts
@@ -383,6 +383,7 @@ export class DatasetQuotasListComponent implements OnInit {
       title: this.translate.instant(helpTextQuotas[this.helpTextKey].delete_dialog.title),
       message: this.translate.instant(helpTextQuotas[this.helpTextKey].delete_dialog.message, { name }),
       buttonText: this.translate.instant('Delete'),
+      buttonColor: 'warn',
       hideCheckbox: true,
     });
   }
diff --git a/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.html b/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.html
index 9fc4fb8d84f..d2c1c7f3ffb 100644
--- a/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.html
+++ b/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.html
@@ -82,10 +82,9 @@ <h1 matDialogTitle>
 
     <button
       *ixRequiresRoles="requiredRoles"
-      class="delete-button"
       mat-button
       type="submit"
-      color="primary"
+      color="warn"
       ixTest="delete-dataset"
       [disabled]="form.invalid"
     >
diff --git a/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.scss b/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.scss
index dd3e020916e..d6e32de8563 100644
--- a/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.scss
+++ b/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.scss
@@ -8,10 +8,6 @@
   width: 400px;
 }
 
-.delete-button {
-  text-transform: uppercase;
-}
-
 .attachments {
   .services {
     list-style-type: none;
diff --git a/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.ts b/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.ts
index 6674719263e..b80fe281bd4 100644
--- a/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.ts
+++ b/src/app/pages/datasets/components/delete-dataset-dialog/delete-dataset-dialog.component.ts
@@ -129,6 +129,7 @@ export class DeleteDatasetDialogComponent implements OnInit {
       title: this.translate.instant('Device Busy'),
       message: this.translate.instant('Force deletion of dataset <i>{datasetName}</i>?', { datasetName: this.dataset.name }),
       buttonText: this.translate.instant('Force Delete'),
+      buttonColor: 'warn',
     });
   }
 
diff --git a/src/app/pages/datasets/modules/snapshots/snapshot-batch-delete-dialog/snapshot-batch-delete-dialog.component.html b/src/app/pages/datasets/modules/snapshots/snapshot-batch-delete-dialog/snapshot-batch-delete-dialog.component.html
index 3a1c404936e..4ba9bca3fe9 100644
--- a/src/app/pages/datasets/modules/snapshots/snapshot-batch-delete-dialog/snapshot-batch-delete-dialog.component.html
+++ b/src/app/pages/datasets/modules/snapshots/snapshot-batch-delete-dialog/snapshot-batch-delete-dialog.component.html
@@ -54,7 +54,7 @@ <h1 matDialogTitle>{{ 'Delete' | translate }}</h1>
             *ixRequiresRoles="requiredRoles"
             mat-button
             type="submit"
-            color="primary"
+            color="warn"
             ixTest="delete"
             [disabled]="form.invalid || hasClones"
           >
diff --git a/src/app/pages/datasets/modules/snapshots/snapshot-details-row/snapshot-details-row.component.ts b/src/app/pages/datasets/modules/snapshots/snapshot-details-row/snapshot-details-row.component.ts
index ed14f2277c7..f60ac28bff6 100644
--- a/src/app/pages/datasets/modules/snapshots/snapshot-details-row/snapshot-details-row.component.ts
+++ b/src/app/pages/datasets/modules/snapshots/snapshot-details-row/snapshot-details-row.component.ts
@@ -141,6 +141,7 @@ export class SnapshotDetailsRowComponent implements OnInit, OnDestroy {
       title: this.translate.instant('Delete'),
       message: this.translate.instant('Delete snapshot {name}?', { name: snapshot.name }),
       buttonText: this.translate.instant('Delete'),
+      buttonColor: 'warn',
     }).pipe(
       filter(Boolean),
       switchMap(() => {
diff --git a/src/app/pages/network/components/static-route-delete-dialog/static-route-delete-dialog.component.html b/src/app/pages/network/components/static-route-delete-dialog/static-route-delete-dialog.component.html
index 718180049e6..9127e7a6712 100644
--- a/src/app/pages/network/components/static-route-delete-dialog/static-route-delete-dialog.component.html
+++ b/src/app/pages/network/components/static-route-delete-dialog/static-route-delete-dialog.component.html
@@ -7,7 +7,7 @@ <h1 mat-dialog-title>{{ 'Delete Static Route' | translate }}</h1>
   <button
     *ixRequiresRoles="requiredRoles"
     mat-button
-    color="primary"
+    color="warn"
     ixTest="delete"
     (click)="onDelete()"
   >
diff --git a/src/app/pages/reports-dashboard/components/exporters/reporting-exporters-list/reporting-exporters-list.component.ts b/src/app/pages/reports-dashboard/components/exporters/reporting-exporters-list/reporting-exporters-list.component.ts
index 0c7de2bce71..86b4328beb1 100644
--- a/src/app/pages/reports-dashboard/components/exporters/reporting-exporters-list/reporting-exporters-list.component.ts
+++ b/src/app/pages/reports-dashboard/components/exporters/reporting-exporters-list/reporting-exporters-list.component.ts
@@ -222,6 +222,7 @@ export class ReportingExporterListComponent implements OnInit {
       title: this.translate.instant('Delete Reporting Exporter'),
       message: this.translate.instant('Are you sure you want to delete <b>{name}</b> Reporting Exporter?', { name: exporter.name }),
       buttonText: this.translate.instant('Delete'),
+      buttonColor: 'warn',
     }).pipe(
       filter(Boolean),
       tap(() => this.appLoader.open(this.translate.instant('Deleting exporter'))),
diff --git a/src/app/pages/sharing/components/shares-dashboard/nfs-card/nfs-card.component.ts b/src/app/pages/sharing/components/shares-dashboard/nfs-card/nfs-card.component.ts
index 54fd70b60f3..d785ee2b5fb 100644
--- a/src/app/pages/sharing/components/shares-dashboard/nfs-card/nfs-card.component.ts
+++ b/src/app/pages/sharing/components/shares-dashboard/nfs-card/nfs-card.component.ts
@@ -136,6 +136,8 @@ export class NfsCardComponent implements OnInit {
     this.dialogService.confirm({
       title: this.translate.instant('Confirmation'),
       message: this.translate.instant('Are you sure you want to delete NFS Share <b>"{path}"</b>?', { path: nfs.path }),
+      buttonColor: 'warn',
+      buttonText: this.translate.instant('Delete'),
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('sharing.nfs.delete', [nfs.id])),
diff --git a/src/app/pages/sharing/components/shares-dashboard/smb-card/smb-card.component.ts b/src/app/pages/sharing/components/shares-dashboard/smb-card/smb-card.component.ts
index fe3437277fe..b3deed86f49 100644
--- a/src/app/pages/sharing/components/shares-dashboard/smb-card/smb-card.component.ts
+++ b/src/app/pages/sharing/components/shares-dashboard/smb-card/smb-card.component.ts
@@ -170,6 +170,8 @@ export class SmbCardComponent implements OnInit {
     this.dialogService.confirm({
       title: this.translate.instant('Confirmation'),
       message: this.translate.instant('Are you sure you want to delete SMB Share <b>"{name}"</b>?', { name: smb.name }),
+      buttonText: this.translate.instant('Delete'),
+      buttonColor: 'warn',
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('sharing.smb.delete', [smb.id])),
diff --git a/src/app/pages/sharing/iscsi/authorized-access/authorized-access-list/authorized-access-list.component.ts b/src/app/pages/sharing/iscsi/authorized-access/authorized-access-list/authorized-access-list.component.ts
index 38a676d1dd2..76f607ed179 100644
--- a/src/app/pages/sharing/iscsi/authorized-access/authorized-access-list/authorized-access-list.component.ts
+++ b/src/app/pages/sharing/iscsi/authorized-access/authorized-access-list/authorized-access-list.component.ts
@@ -115,6 +115,7 @@ export class AuthorizedAccessListComponent implements OnInit {
               title: this.translate.instant('Delete'),
               message: this.translate.instant('Are you sure you want to delete this item?'),
               buttonText: this.translate.instant('Delete'),
+              buttonColor: 'warn',
             }).pipe(
               filter(Boolean),
               switchMap(() => this.api.call('iscsi.auth.delete', [row.id]).pipe(this.loader.withLoader())),
diff --git a/src/app/pages/sharing/iscsi/extent/extent-list/delete-extent-dialog/delete-extent-dialog.component.html b/src/app/pages/sharing/iscsi/extent/extent-list/delete-extent-dialog/delete-extent-dialog.component.html
index d9ced51805c..160b517a0de 100644
--- a/src/app/pages/sharing/iscsi/extent/extent-list/delete-extent-dialog/delete-extent-dialog.component.html
+++ b/src/app/pages/sharing/iscsi/extent/extent-list/delete-extent-dialog/delete-extent-dialog.component.html
@@ -24,7 +24,7 @@ <h1 mat-dialog-title>{{ 'Delete iSCSI extent {name}?' | translate: { name: exten
   <button
     *ixRequiresRoles="requiredRoles"
     mat-button
-    color="primary"
+    color="warn"
     ixTest="delete"
     (click)="onDelete()"
   >
diff --git a/src/app/pages/sharing/iscsi/initiator/initiator-list/initiator-list.component.ts b/src/app/pages/sharing/iscsi/initiator/initiator-list/initiator-list.component.ts
index 15b5d7b0263..59075e06c1e 100644
--- a/src/app/pages/sharing/iscsi/initiator/initiator-list/initiator-list.component.ts
+++ b/src/app/pages/sharing/iscsi/initiator/initiator-list/initiator-list.component.ts
@@ -111,6 +111,7 @@ export class InitiatorListComponent implements OnInit {
               title: this.translate.instant('Delete'),
               message: this.translate.instant('Are you sure you want to delete this item?'),
               buttonText: this.translate.instant('Delete'),
+              buttonColor: 'warn',
             }).pipe(
               filter(Boolean),
               switchMap(() => this.api.call('iscsi.initiator.delete', [row.id]).pipe(this.loader.withLoader())),
diff --git a/src/app/pages/sharing/iscsi/portal/portal-list/portal-list.component.ts b/src/app/pages/sharing/iscsi/portal/portal-list/portal-list.component.ts
index 2561a04dd9f..405c947239a 100644
--- a/src/app/pages/sharing/iscsi/portal/portal-list/portal-list.component.ts
+++ b/src/app/pages/sharing/iscsi/portal/portal-list/portal-list.component.ts
@@ -119,6 +119,7 @@ export class PortalListComponent implements OnInit {
               title: this.translate.instant('Delete'),
               message: this.translate.instant('Are you sure you want to delete this item?'),
               buttonText: this.translate.instant('Delete'),
+              buttonColor: 'warn',
             }).pipe(
               filter(Boolean),
               switchMap(() => this.api.call('iscsi.portal.delete', [row.id]).pipe(this.loader.withLoader())),
diff --git a/src/app/pages/sharing/iscsi/target/delete-target-dialog/delete-target-dialog.component.html b/src/app/pages/sharing/iscsi/target/delete-target-dialog/delete-target-dialog.component.html
index a5f9d15388b..6df147f80b0 100644
--- a/src/app/pages/sharing/iscsi/target/delete-target-dialog/delete-target-dialog.component.html
+++ b/src/app/pages/sharing/iscsi/target/delete-target-dialog/delete-target-dialog.component.html
@@ -38,7 +38,7 @@ <h1 mat-dialog-title>{{ 'Delete Target "{name}"' | translate:{ name: target.name
     <button
       *ixRequiresRoles="requiredRoles"
       mat-button
-      color="error"
+      color="warn"
       ixTest="delete"
       [disabled]="form.invalid"
       (click)="onDelete()"
diff --git a/src/app/pages/sharing/nfs/nfs-list/nfs-list.component.ts b/src/app/pages/sharing/nfs/nfs-list/nfs-list.component.ts
index e5178b31d4f..990f6f545f1 100644
--- a/src/app/pages/sharing/nfs/nfs-list/nfs-list.component.ts
+++ b/src/app/pages/sharing/nfs/nfs-list/nfs-list.component.ts
@@ -129,6 +129,7 @@ export class NfsListComponent implements OnInit {
               title: this.translate.instant('Unshare {name}', { name: row.path }),
               message: shared.delete_share_message,
               buttonText: this.translate.instant('Unshare'),
+              buttonColor: 'warn',
             }).pipe(
               filter(Boolean),
               untilDestroyed(this),
diff --git a/src/app/pages/sharing/smb/smb-list/smb-list.component.ts b/src/app/pages/sharing/smb/smb-list/smb-list.component.ts
index c3b258b4939..644579a7199 100644
--- a/src/app/pages/sharing/smb/smb-list/smb-list.component.ts
+++ b/src/app/pages/sharing/smb/smb-list/smb-list.component.ts
@@ -178,6 +178,7 @@ export class SmbListComponent implements OnInit {
               title: this.translate.instant('Unshare {name}', { name: row.name }),
               message: shared.delete_share_message,
               buttonText: this.translate.instant('Unshare'),
+              buttonColor: 'warn',
             }).pipe(
               filter(Boolean),
               untilDestroyed(this),
diff --git a/src/app/pages/storage/components/dashboard-pool/export-disconnect-modal/export-disconnect-modal.component.html b/src/app/pages/storage/components/dashboard-pool/export-disconnect-modal/export-disconnect-modal.component.html
index d02cb304db0..5eb8162a7d4 100644
--- a/src/app/pages/storage/components/dashboard-pool/export-disconnect-modal/export-disconnect-modal.component.html
+++ b/src/app/pages/storage/components/dashboard-pool/export-disconnect-modal/export-disconnect-modal.component.html
@@ -129,8 +129,8 @@ <h1 mat-dialog-title class="export-disconnect-modal-title">
       *ixRequiresRoles="[Role.FullAdmin]"
       type="submit"
       mat-button
-      color="primary"
       ixTest="disconnect"
+      [color]="form.value.destroy ? 'warn' : 'primary'"
       [disabled]="form.invalid || isFormLoading"
     >
       {{ 'Export/Disconnect' | translate }}
diff --git a/src/app/pages/system/advanced/cron/cron-delete-dialog/cron-delete-dialog.component.html b/src/app/pages/system/advanced/cron/cron-delete-dialog/cron-delete-dialog.component.html
index cc17c836101..e92b84c0fb9 100644
--- a/src/app/pages/system/advanced/cron/cron-delete-dialog/cron-delete-dialog.component.html
+++ b/src/app/pages/system/advanced/cron/cron-delete-dialog/cron-delete-dialog.component.html
@@ -7,7 +7,7 @@ <h1 mat-dialog-title>{{ 'Delete Catalog' | translate }}</h1>
   <button
     *ixRequiresRoles="requiredRoles"
     mat-button
-    color="primary"
+    color="warn"
     ixTest="delete"
     (click)="onDelete()"
   >
diff --git a/src/app/pages/system/advanced/init-shutdown/init-shutdown-card/init-shutdown-card.component.ts b/src/app/pages/system/advanced/init-shutdown/init-shutdown-card/init-shutdown-card.component.ts
index be23c966d08..15bc17a96a3 100644
--- a/src/app/pages/system/advanced/init-shutdown/init-shutdown-card/init-shutdown-card.component.ts
+++ b/src/app/pages/system/advanced/init-shutdown/init-shutdown-card/init-shutdown-card.component.ts
@@ -146,6 +146,7 @@ export class InitShutdownCardComponent implements OnInit {
       message: this.translate.instant('Delete Init/Shutdown Script {script}?', {
         script: row.command,
       }),
+      buttonColor: 'warn',
       buttonText: this.translate.instant('Delete'),
     })
       .pipe(
diff --git a/src/app/pages/system/advanced/sysctl/tunable-list/tunable-list.component.spec.ts b/src/app/pages/system/advanced/sysctl/tunable-list/tunable-list.component.spec.ts
index 74aa8e2a593..6844c141d03 100644
--- a/src/app/pages/system/advanced/sysctl/tunable-list/tunable-list.component.spec.ts
+++ b/src/app/pages/system/advanced/sysctl/tunable-list/tunable-list.component.spec.ts
@@ -185,6 +185,7 @@ describe('TunableListComponent', () => {
       buttonText: 'Delete',
       message: 'Are you sure you want to delete "kernel.hostname"?',
       title: 'Delete Sysctl',
+      buttonColor: 'warn',
     });
 
     expect(dialogService.jobDialog).toHaveBeenCalled();
diff --git a/src/app/pages/system/advanced/sysctl/tunable-list/tunable-list.component.ts b/src/app/pages/system/advanced/sysctl/tunable-list/tunable-list.component.ts
index e15f173f308..3335a3d7397 100644
--- a/src/app/pages/system/advanced/sysctl/tunable-list/tunable-list.component.ts
+++ b/src/app/pages/system/advanced/sysctl/tunable-list/tunable-list.component.ts
@@ -158,6 +158,7 @@ export class TunableListComponent implements OnInit {
         title: this.translate.instant('Delete Sysctl'),
         message: this.translate.instant('Are you sure you want to delete "{name}"?', { name: tunable.var }),
         buttonText: this.translate.instant('Delete'),
+        buttonColor: 'warn',
       })
       .pipe(
         filter(Boolean),
diff --git a/src/app/pages/system/bootenv/boot-pool-delete-dialog/boot-pool-delete-dialog.component.html b/src/app/pages/system/bootenv/boot-pool-delete-dialog/boot-pool-delete-dialog.component.html
index f7369f43e56..e54298c6fbf 100644
--- a/src/app/pages/system/bootenv/boot-pool-delete-dialog/boot-pool-delete-dialog.component.html
+++ b/src/app/pages/system/bootenv/boot-pool-delete-dialog/boot-pool-delete-dialog.component.html
@@ -46,7 +46,7 @@ <h1 matDialogTitle>{{ 'Delete' | translate }}</h1>
           <button
             mat-button
             type="submit"
-            color="primary"
+            color="warn"
             ixTest="delete"
             [disabled]="form.invalid"
           >
diff --git a/src/app/pages/system/enclosure/components/jbof-list/jbof-list.component.spec.ts b/src/app/pages/system/enclosure/components/jbof-list/jbof-list.component.spec.ts
index 9f464366702..e1679cc26c2 100644
--- a/src/app/pages/system/enclosure/components/jbof-list/jbof-list.component.spec.ts
+++ b/src/app/pages/system/enclosure/components/jbof-list/jbof-list.component.spec.ts
@@ -100,7 +100,7 @@ describe('JbofListComponent', () => {
       secondaryCheckbox: true,
       secondaryCheckboxText: 'Force',
       buttonText: 'Delete',
-      buttonColor: 'red',
+      buttonColor: 'warn',
     });
 
     expect(spectator.inject(ApiService).call).toHaveBeenCalledWith('jbof.delete', [2, false]);
diff --git a/src/app/pages/system/enclosure/components/jbof-list/jbof-list.component.ts b/src/app/pages/system/enclosure/components/jbof-list/jbof-list.component.ts
index bd89bbdd19b..b1c41424262 100644
--- a/src/app/pages/system/enclosure/components/jbof-list/jbof-list.component.ts
+++ b/src/app/pages/system/enclosure/components/jbof-list/jbof-list.component.ts
@@ -143,7 +143,7 @@ export class JbofListComponent implements OnInit {
       secondaryCheckbox: true,
       secondaryCheckboxText: this.translate.instant('Force'),
       buttonText: this.translate.instant('Delete'),
-      buttonColor: 'red',
+      buttonColor: 'warn',
     }).pipe(
       filter((confirmation: DialogWithSecondaryCheckboxResult) => confirmation.confirmed),
       switchMap((confirmation: DialogWithSecondaryCheckboxResult) => {
diff --git a/src/app/pages/system/general-settings/manage-configuration-menu/manage-configuration-menu.component.html b/src/app/pages/system/general-settings/manage-configuration-menu/manage-configuration-menu.component.html
index 6da80c39a2e..dde4ff455b8 100644
--- a/src/app/pages/system/general-settings/manage-configuration-menu/manage-configuration-menu.component.html
+++ b/src/app/pages/system/general-settings/manage-configuration-menu/manage-configuration-menu.component.html
@@ -36,7 +36,7 @@
       mat-menu-item
       ixTest="reset-configuration"
       [ixUiSearch]="searchableElements.elements.resetToDefaults"
-      (click)="onResetDefaults()"
+      (click)="onResetToDefaults()"
     >
       {{ 'Reset to Defaults' | translate }}
     </button>
diff --git a/src/app/pages/system/general-settings/manage-configuration-menu/manage-configuration-menu.component.ts b/src/app/pages/system/general-settings/manage-configuration-menu/manage-configuration-menu.component.ts
index bf92c7cf639..7f2817061b9 100644
--- a/src/app/pages/system/general-settings/manage-configuration-menu/manage-configuration-menu.component.ts
+++ b/src/app/pages/system/general-settings/manage-configuration-menu/manage-configuration-menu.component.ts
@@ -62,11 +62,12 @@ export class ManageConfigurationMenuComponent {
     this.matDialog.open(UploadConfigDialogComponent);
   }
 
-  onResetDefaults(): void {
+  onResetToDefaults(): void {
     this.dialogService.confirm({
       title: helptext.reset_config_form.title,
       message: helptext.reset_config_form.message,
       buttonText: helptext.reset_config_form.button_text,
+      buttonColor: 'warn',
     })
       .pipe(
         filter(Boolean),
diff --git a/src/app/pages/system/general-settings/ntp-server/ntp-server-card/ntp-server-card.component.ts b/src/app/pages/system/general-settings/ntp-server/ntp-server-card/ntp-server-card.component.ts
index 95c47693199..a198dbf601a 100644
--- a/src/app/pages/system/general-settings/ntp-server/ntp-server-card/ntp-server-card.component.ts
+++ b/src/app/pages/system/general-settings/ntp-server/ntp-server-card/ntp-server-card.component.ts
@@ -131,6 +131,7 @@ export class NtpServerCardComponent implements OnInit {
         { address: server.address },
       ),
       buttonText: this.translate.instant('Delete'),
+      buttonColor: 'warn',
     }).pipe(
       filter(Boolean),
       switchMap(() => this.api.call('system.ntpserver.delete', [server.id])),
diff --git a/src/app/pages/system/general-settings/upload-config-dialog/upload-config-dialog.component.html b/src/app/pages/system/general-settings/upload-config-dialog/upload-config-dialog.component.html
index 650626a823e..3c8496c1a62 100644
--- a/src/app/pages/system/general-settings/upload-config-dialog/upload-config-dialog.component.html
+++ b/src/app/pages/system/general-settings/upload-config-dialog/upload-config-dialog.component.html
@@ -15,7 +15,7 @@ <h1 matDialogTitle>{{ 'Upload Config' | translate }}</h1>
       *ixRequiresRoles="requiredRoles"
       mat-button
       type="submit"
-      color="primary"
+      color="warn"
       ixTest="upload"
       [disabled]="form.invalid"
     >
diff --git a/src/app/pages/vm/devices/device-list/device-delete-modal/device-delete-modal.component.html b/src/app/pages/vm/devices/device-list/device-delete-modal/device-delete-modal.component.html
index b3254db7379..1f93ed37d89 100644
--- a/src/app/pages/vm/devices/device-list/device-delete-modal/device-delete-modal.component.html
+++ b/src/app/pages/vm/devices/device-list/device-delete-modal/device-delete-modal.component.html
@@ -51,7 +51,7 @@ <h1 mat-dialog-title>{{ 'Delete' | translate }}</h1>
       *ixRequiresRoles="requiredRoles"
       type="submit"
       mat-button
-      color="primary"
+      color="warn"
       ixTest="delete-device"
       [disabled]="form.invalid"
     >
diff --git a/src/app/pages/vm/vm-list/delete-vm-dialog/delete-vm-dialog.component.html b/src/app/pages/vm/vm-list/delete-vm-dialog/delete-vm-dialog.component.html
index 15efed6bb8d..c5c4a21d86b 100644
--- a/src/app/pages/vm/vm-list/delete-vm-dialog/delete-vm-dialog.component.html
+++ b/src/app/pages/vm/vm-list/delete-vm-dialog/delete-vm-dialog.component.html
@@ -30,7 +30,7 @@ <h1 mat-dialog-title>{{ 'Delete Virtual Machine' | translate }}</h1>
     <button
       *ixRequiresRoles="requiredRoles"
       mat-button
-      color="primary"
+      color="warn"
       ixTest="delete"
       [disabled]="form.invalid"
       (click)="onDelete()"