-
Notifications
You must be signed in to change notification settings - Fork 4.8k
Duotone filter not rendering in some places #35331
Copy link
Copy link
Closed
Labels
[Feature] ThemesQuestions or issues with incorporating or styling blocks in a theme.Questions or issues with incorporating or styling blocks in a theme.[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] BugAn existing feature does not function as intendedAn existing feature does not function as intended
Metadata
Metadata
Assignees
Labels
[Feature] ThemesQuestions or issues with incorporating or styling blocks in a theme.Questions or issues with incorporating or styling blocks in a theme.[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] BugAn existing feature does not function as intendedAn existing feature does not function as intended
Type
Fields
Give feedbackNo fields configured for issues without a type.
Description
When applying duotone as a block style in theme.json, there are still a couple places the duotone filter doesn't get applied.
See #34667 (comment)
The thumbnail for block patterns that use duotone won't show the filter applied:

The site editor shows the image without a filter but the frontend works fine. The post editor when I insert an image does work fine:

To reproduce
You can test on Skatepark applying Automattic/themes#4740
Or by adding the following to your theme.json for testing the image and cover blocks.
{ "styles": { "blocks": { "core/cover": { "filter": { "duotone": "var(--wp--preset--duotone--blue-red)" } }, "core/image": { "filter": { "duotone": "var(--wp--preset--duotone--blue-red)" } } } } }