Commit a06545e4bc0 for woocommerce
commit a06545e4bc0101b5217baf7f0fdd08f10707b4f6
Author: Ann <annchichi@users.noreply.github.com>
Date: Tue May 12 15:02:39 2026 +0800
Align shipping destructive action red with WordPress 7.0 error red (#64204)
* Align shipping destructive action red with WordPress 7.0 error red
* Add destructive color token for shipping actions
---------
Co-authored-by: Ayush Pahwa <ayush.pahwa@automattic.com>
diff --git a/plugins/woocommerce/changelog/tweak-align-shipping-destructive-red b/plugins/woocommerce/changelog/tweak-align-shipping-destructive-red
new file mode 100644
index 00000000000..4cd7b078295
--- /dev/null
+++ b/plugins/woocommerce/changelog/tweak-align-shipping-destructive-red
@@ -0,0 +1,4 @@
+Significance: patch
+Type: tweak
+
+Update destructive action link color on Shipping Zone, Shipping Class, Shipping Method, and Shipping Provider list tables to match WordPress 7.0's updated destructive red.
diff --git a/plugins/woocommerce/client/legacy/css/_variables.scss b/plugins/woocommerce/client/legacy/css/_variables.scss
index eaec8e598b2..8a2c69bddf7 100644
--- a/plugins/woocommerce/client/legacy/css/_variables.scss
+++ b/plugins/woocommerce/client/legacy/css/_variables.scss
@@ -54,6 +54,8 @@ $gray-200: #dcdcde !default; // Border
--wc-form-border-color: rgba(32, 7, 7, 0.8);
--wc-form-border-radius: 4px;
--wc-form-border-width: 1px;
+ // Matches WP 7.0 $alert-red token for destructive actions.
+ --wc-destructive: #cc1818;
// Matches WP 7.0 $radius-l token (used on dashboard widgets).
--wc-card-border-radius: 8px;
}
diff --git a/plugins/woocommerce/client/legacy/css/admin.scss b/plugins/woocommerce/client/legacy/css/admin.scss
index 989e4d22c16..6aabcdcc319 100644
--- a/plugins/woocommerce/client/legacy/css/admin.scss
+++ b/plugins/woocommerce/client/legacy/css/admin.scss
@@ -4785,7 +4785,7 @@ table.wc-shipping-classes {
a.wc-shipping-zone-actions,
a.wc-shipping-zone-actions:hover {
- color: var(--wc-red);
+ color: var(--wc-destructive, #cc1818);
}
}