Commit fbaad50ba45 for woocommerce
commit fbaad50ba4524860446670022a7f2eb16b66bf9e
Author: Luigi Teschio <gigitux@gmail.com>
Date: Wed May 13 20:04:28 2026 +0200
[Experimental Products App] Use theme provider defaults (#64868)
* Update products app theme provider usage
* Add changelog entry for products app theme color
diff --git a/packages/js/experimental-products-app/changelog/update-products-app-admin-theme-color b/packages/js/experimental-products-app/changelog/update-products-app-admin-theme-color
new file mode 100644
index 00000000000..721533d8299
--- /dev/null
+++ b/packages/js/experimental-products-app/changelog/update-products-app-admin-theme-color
@@ -0,0 +1,4 @@
+Significance: patch
+Type: update
+
+Update the experimental products app admin theme color.
diff --git a/packages/js/experimental-products-app/src/app.tsx b/packages/js/experimental-products-app/src/app.tsx
index 32f9b669e20..508109b24bd 100644
--- a/packages/js/experimental-products-app/src/app.tsx
+++ b/packages/js/experimental-products-app/src/app.tsx
@@ -36,7 +36,7 @@ export function ProductsApp() {
<NewNavigationProvider>
<UnsavedChangesWarning />
<RouterProvider>
- <ThemeProvider>
+ <ThemeProvider isRoot>
<ProductsLayout />
</ThemeProvider>
</RouterProvider>
diff --git a/packages/js/experimental-products-app/src/variation-view-app.tsx b/packages/js/experimental-products-app/src/variation-view-app.tsx
index db07c71de0f..f6926695f6e 100644
--- a/packages/js/experimental-products-app/src/variation-view-app.tsx
+++ b/packages/js/experimental-products-app/src/variation-view-app.tsx
@@ -3,6 +3,7 @@
*/
import { StrictMode, Suspense, createRoot, lazy } from '@wordpress/element';
import { privateApis as routerPrivateApis } from '@wordpress/router';
+import { privateApis as themeProviderPrivateApis } from '@wordpress/theme';
/**
* Internal dependencies
@@ -10,6 +11,7 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
import { unlock } from './lock-unlock';
const { RouterProvider } = unlock( routerPrivateApis );
+const { ThemeProvider } = unlock( themeProviderPrivateApis );
const VariationView = lazy( () =>
import(
@@ -41,7 +43,9 @@ export function initializeVariationView(
<StrictMode>
<Suspense fallback={ null }>
<RouterProvider>
- <VariationView productId={ productId } />
+ <ThemeProvider>
+ <VariationView productId={ productId } />
+ </ThemeProvider>
</RouterProvider>
</Suspense>
</StrictMode>