Make restore button destructive (#24173)

src/components/buttons/ha-progress-button.ts

@@ -41,7 +41,7 @@ export class HaProgressButton extends LitElement {
                           indeterminate
                         ></ha-circular-progress>
                       `
-                    : ""}
+                    : nothing}
             </div>
           `}
     `;
@@ -117,6 +117,9 @@ export class HaProgressButton extends LitElement {
     mwc-button.error slot {
       visibility: hidden;
     }
+    :host([destructive]) {
+      --mdc-theme-primary: var(--error-color);
+    }
   `;
 }
 

src/onboarding/restore-backup/onboarding-restore-backup-restore.ts

@@ -92,6 +92,7 @@ class OnboardingRestoreBackupRestore extends LitElement {
             .disabled=${this._loading ||
             (backupProtected && this._encryptionKey === "")}
             @click=${this._startRestore}
+            destructive
           >
             ${this.localize(
               "ui.panel.page-onboarding.restore.details.restore.action"