Commit a217558480a for woocommerce
commit a217558480a743b13421bf55f07504322f08c662
Author: James Kemp <me@jckemp.com>
Date: Thu Mar 19 14:59:09 2026 +0000
Fix insufficient color contrast for status marks on System Status page (#63746)
* Fix insufficient color contrast for status marks on System Status page
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: woocommercebot <woocommercebot@users.noreply.github.com>
diff --git a/plugins/woocommerce/changelog/63746-fix-6389-system-status-a11y-contrast b/plugins/woocommerce/changelog/63746-fix-6389-system-status-a11y-contrast
new file mode 100644
index 00000000000..85eecb52732
--- /dev/null
+++ b/plugins/woocommerce/changelog/63746-fix-6389-system-status-a11y-contrast
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix insufficient color contrast for status indicators on the System Status page to meet WCAG 2.2 AA requirements.
\ No newline at end of file
diff --git a/plugins/woocommerce/client/legacy/css/_mixins.scss b/plugins/woocommerce/client/legacy/css/_mixins.scss
index 25324a03f94..575c077e93d 100644
--- a/plugins/woocommerce/client/legacy/css/_mixins.scss
+++ b/plugins/woocommerce/client/legacy/css/_mixins.scss
@@ -297,7 +297,7 @@
}
mark.no {
- color: #999;
+ color: var(--wc-subtext);
}
}
diff --git a/plugins/woocommerce/client/legacy/css/_variables.scss b/plugins/woocommerce/client/legacy/css/_variables.scss
index 2b8db008a59..07fb7a7212e 100644
--- a/plugins/woocommerce/client/legacy/css/_variables.scss
+++ b/plugins/woocommerce/client/legacy/css/_variables.scss
@@ -3,7 +3,7 @@
*/
$woocommerce: #720eec !default;
-$green: #7ad03a !default;
+$green: #008a20 !default;
$red: #a00 !default;
$orange: #ffba00 !default;
$blue: #2ea2cc !default;