Duotone Filter Not Updating on Style Variation Change in Site Editor for Template Part

Description

When switching style variations in the Site Editor, duotone filters applied to elements within template parts (e.g., the site logo inside the header/footer) do not update immediately. In the Twenty Twenty-Five theme, the “Midnight” style variation includes a duotone filter for the site logo. However, switching from the “Default” style variation to “Midnight” does not apply the duotone filter to the logo until the changes are saved and page is manually refreshed.

Expected behavior: The duotone filter defined in the style variation should apply to the site logo (within a template part like the header) as soon as the variation is switched.

Actual behavior: The filter only takes effect after refreshing the editor.

Step-by-step reproduction instructions

1. Activate the Twenty Twenty-Five theme.
2. Open the Site Editor (Appearance > Editor).
3. Add the site logo in the the header.
4. Open the Styles panel.
5. Switch from the “Default” style variation to the “Midnight” variation.
6. Observe that the duotone filter is not applied to the site logo.
7. Save the changes or refresh the page — the duotone filter is then applied as expected.

Additional Testing Notes: I created unique duotone filters (same slug, different base and contrast colors) in multiple style variations. Switching between style variations doesn’t update the duotone filter for the logo in the template part until the page is refreshed.

Screenshots, screen recording, code snippet

https://github.com/user-attachments/assets/aa1fe12f-f87e-4a97-9bd3-1c8f32663dae

Environment info

WordPress version: 6.7.2 Gutenberg version: N/A Active theme: Twenty Twenty-Five Browsers tested: Chrome (latest) Device/OS: MAC OS 15.3.2

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• [