Commit 73884732dc4 for woocommerce
commit 73884732dc48b0fe327decef882cd2e14a6eee60
Author: yjailin <yoann.jailin@automattic.com>
Date: Wed Jun 17 10:51:26 2026 -0400
Fix: remove font-weight override on mini-cart badge and fix count text color in order summary (#65647)
Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
diff --git a/plugins/woocommerce/changelog/fix-count-badge-styles b/plugins/woocommerce/changelog/fix-count-badge-styles
new file mode 100644
index 00000000000..ea11cd21ef2
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-count-badge-styles
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Remove unnecessary font-weight override on the mini-cart quantity badge and use a theme-resolvable color for the count text in the checkout order summary item badge.
diff --git a/plugins/woocommerce/client/blocks/assets/js/base/components/cart-checkout/order-summary/style.scss b/plugins/woocommerce/client/blocks/assets/js/base/components/cart-checkout/order-summary/style.scss
index 9e46160bc79..b3de0f5c89d 100644
--- a/plugins/woocommerce/client/blocks/assets/js/base/components/cart-checkout/order-summary/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/base/components/cart-checkout/order-summary/style.scss
@@ -84,7 +84,7 @@
// The span containing the text should be padded, not the quantity container itself.
span {
padding: 0 0.4em;
- color: var(--wp--preset--color--background, #fff);
+ color: var(--wp--preset--color--base, #fff);
}
}
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/quantity-badge/style.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/quantity-badge/style.scss
index e89c419add9..ba0a266edce 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/quantity-badge/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/quantity-badge/style.scss
@@ -14,7 +14,6 @@
box-sizing: border-box;
display: flex;
font-size: 0.875em;
- font-weight: 600;
height: math.div(em(20px), 0.875);
justify-content: center;
left: 100%;