Commit 01097eefea3 for woocommerce

commit 01097eefea381e6630c9436c445e4c9fdb1df134
Author: yjailin <yoann.jailin@automattic.com>
Date:   Wed Jun 17 10:49:02 2026 -0400

    Fix: use a fixed black overlay color for the drawer instead of inheriting the theme palette (#65579)

    Fix: use fixed black overlay color for drawer instead of inheriting theme palette

    Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

diff --git a/plugins/woocommerce/changelog/fix-drawer-overlay-color b/plugins/woocommerce/changelog/fix-drawer-overlay-color
new file mode 100644
index 00000000000..182ba696d6f
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-drawer-overlay-color
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Use a fixed black overlay color for the drawer instead of inheriting the theme palette.
diff --git a/plugins/woocommerce/client/blocks/assets/css/abstracts/_colors.scss b/plugins/woocommerce/client/blocks/assets/css/abstracts/_colors.scss
index 7049931d7d2..b5e01256d3e 100644
--- a/plugins/woocommerce/client/blocks/assets/css/abstracts/_colors.scss
+++ b/plugins/woocommerce/client/blocks/assets/css/abstracts/_colors.scss
@@ -18,3 +18,6 @@ $universal-border-medium: color-mix(in srgb, currentColor 48%, transparent);
 $universal-border-strong: color-mix(in srgb, currentColor 80%, transparent);
 // Used for low contrast decorative elements background color.
 $universal-background: rgba(17, 17, 17, 0.02);
+
+// Backdrop color for the drawer's screen overlay (mini-cart, etc.).
+$drawer-overlay-background: rgba(0, 0, 0, 0.35);
diff --git a/plugins/woocommerce/client/blocks/assets/js/base/components/drawer/style.scss b/plugins/woocommerce/client/blocks/assets/js/base/components/drawer/style.scss
index 66338ba9b70..179ec848586 100644
--- a/plugins/woocommerce/client/blocks/assets/js/base/components/drawer/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/base/components/drawer/style.scss
@@ -31,7 +31,7 @@ $drawer-animation-duration: 0.3s;
 }

 .wc-block-components-drawer__screen-overlay {
-	background-color: rgba(95, 95, 95, 0.35);
+	background-color: $drawer-overlay-background;
 	bottom: 0;
 	left: 0;
 	position: fixed;
@@ -60,7 +60,6 @@ $drawer-animation-duration: 0.3s;
 }

 .wc-block-components-drawer {
-	border-left: 1px solid $universal-translucent-border-color;
 	background: #fff;
 	display: block;
 	height: 100%;