From f7b2f97b891634e9d5dcc1cbaf325cfee5480a64 Mon Sep 17 00:00:00 2001
From: Philipp Stracker <p.stracker@syde.com>
Date: Thu, 13 Feb 2025 15:08:50 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Improve=20visual=20hint=20for=20?=
 =?UTF-8?q?settings-reset=20toggle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/css/components/screens/_modals.scss      | 10 ++++++++--
 .../Components/Settings/Parts/DisconnectButton.js      |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/modules/ppcp-settings/resources/css/components/screens/_modals.scss b/modules/ppcp-settings/resources/css/components/screens/_modals.scss
index fee98d538..5dbdf7652 100644
--- a/modules/ppcp-settings/resources/css/components/screens/_modals.scss
+++ b/modules/ppcp-settings/resources/css/components/screens/_modals.scss
@@ -2,12 +2,18 @@
  * Modal for disconnecting the merchant from the current PayPal account.
  */
 .ppcp--modal-disconnect {
-	.ppcp--toggle-danger {
-		--wp-components-color-accent: #cc1818
+	.ppcp--toggle-danger .components-form-toggle {
+		&.is-checked {
+			--wp-components-color-accent: #cc1818;
+		}
 	}
 
 	.ppcp--action-buttons {
 		text-align: right;
 		margin-top: 32px;
+
+		.components-button {
+			transition: background 0.3s;
+		}
 	}
 }
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js
index 8e5fbe9d6..48fd6c226 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js
@@ -78,7 +78,7 @@ const DisconnectButton = () => {
 						</Button>
 						<Button
 							variant="primary"
-							isDestructive={ true }
+							isDestructive={ resetFlag }
 							onClick={ handleConfirm }
 						>
 							{ __(