Commit 114894fbe58 for woocommerce
commit 114894fbe5865b07ab4079c17aea4265da16e183
Author: Poli Gilad <83961704+poligilad-auto@users.noreply.github.com>
Date: Thu Jun 18 08:29:09 2026 +0200
Improve summary trend indicator contrast (#65784)
* Improve summary trend indicator contrast
* Improve summary trend indicator contrast
diff --git a/packages/js/components/changelog/fix-63721-summary-trend-contrast b/packages/js/components/changelog/fix-63721-summary-trend-contrast
new file mode 100644
index 00000000000..5910598c8e4
--- /dev/null
+++ b/packages/js/components/changelog/fix-63721-summary-trend-contrast
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Improve summary trend indicator contrast in Analytics.
diff --git a/packages/js/components/src/summary/style.scss b/packages/js/components/src/summary/style.scss
index 7f8b4c871a3..a0b532019e3 100644
--- a/packages/js/components/src/summary/style.scss
+++ b/packages/js/components/src/summary/style.scss
@@ -343,6 +343,10 @@ $border: $gray-200;
height: min-content;
background-color: $gray-100;
color: $gray-900;
+
+ > * {
+ color: inherit;
+ }
}
&.is-selected {
@@ -359,12 +363,12 @@ $border: $gray-200;
}
&.is-good-trend .woocommerce-summary__item-delta {
- background-color: $alert-green;
+ background-color: $studio-green-60;
color: $white;
}
&.is-bad-trend .woocommerce-summary__item-delta {
- background-color: $alert-red;
+ background-color: $studio-red-60;
color: $white;
}