Commit 19a546927f5 for woocommerce
commit 19a546927f568fe068d3beb3dfb7cb5f81d2b0f7
Author: Karol Manijak <20098064+kmanijak@users.noreply.github.com>
Date: Fri Sep 25 11:26:24 2026 +0200
Fix default contrast for gallery navigation arrows (#69029)
* Use global button styles for gallery navigation
* Add changelog entries for gallery button styling
* Use fixed contrasting colors for navigation arrows
* Update changelogs for fixed navigation arrow colors
* Match disabled gallery arrow styling in the editor
* Update navigation arrow changelogs
* Remove duplicate blocks changelog
* Use shared color variables for navigation arrows
* Simplify navigation arrow changelog
* Align editor navigation arrows with disabled ARIA styling
diff --git a/plugins/woocommerce/changelog/fix-gallery-navigation-button-colors b/plugins/woocommerce/changelog/fix-gallery-navigation-button-colors
new file mode 100644
index 00000000000..6aacc0688b8
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-gallery-navigation-button-colors
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix default arrow contrast and disabled styling in Product Gallery and Product Collection.
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/next-previous-buttons/edit.tsx b/plugins/woocommerce/client/blocks/assets/js/blocks/next-previous-buttons/edit.tsx
index 0c788170256..df46cbb733d 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/next-previous-buttons/edit.tsx
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/next-previous-buttons/edit.tsx
@@ -76,6 +76,7 @@ export const Edit = ( { attributes }: { attributes: BlockAttributes } ) => {
className={ buttonClassName }
style={ buttonStyles }
disabled
+ aria-disabled="true"
>
<LeftComponent className="wc-block-next-previous-buttons__icon wc-block-next-previous-buttons__icon--left" />
</button>
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/next-previous-buttons/style.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/next-previous-buttons/style.scss
index cc960cfe9f4..83eeaee0fec 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/next-previous-buttons/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/next-previous-buttons/style.scss
@@ -40,8 +40,8 @@
height: 40px;
font-size: 12px;
padding: 0;
- color: inherit;
- background: var(--wp--preset--color--base, #fff);
+ color: $gray-900;
+ background: $white;
outline-color: currentColor;
outline-offset: -2px;
}