diff --git a/packages/block-editor/src/components/global-styles/filters-panel.js b/packages/block-editor/src/components/global-styles/filters-panel.js index ef972de3f13cdf..6477f354280e12 100644 --- a/packages/block-editor/src/components/global-styles/filters-panel.js +++ b/packages/block-editor/src/components/global-styles/filters-panel.js @@ -54,13 +54,15 @@ function useMultiOriginColorPresets( } export function useHasFiltersPanel( settings ) { - const hasDuotone = useHasDuotoneControl( settings ); - - return hasDuotone; + return useHasDuotoneControl( settings ); } function useHasDuotoneControl( settings ) { - return settings.color.customDuotone || settings.color.defaultDuotone; + return ( + settings.color.customDuotone || + settings.color.defaultDuotone || + settings.color.duotone.length > 0 + ); } function FiltersToolsPanel( { @@ -148,11 +150,6 @@ export default function FiltersPanel( { const hasDuotone = () => !! value?.filter?.duotone; const resetDuotone = () => setDuotone( undefined ); - const disableCustomColors = ! settings?.color?.custom; - const disableCustomDuotone = - ! settings?.color?.customDuotone || - ( colorPalette?.length === 0 && disableCustomColors ); - const resetAllFilter = useCallback( ( previousValue ) => { return { ...previousValue, @@ -210,12 +207,9 @@ export default function FiltersPanel( { diff --git a/packages/edit-site/src/components/global-styles/screen-block.js b/packages/edit-site/src/components/global-styles/screen-block.js index c6c642998695b7..def7d1d627fe46 100644 --- a/packages/edit-site/src/components/global-styles/screen-block.js +++ b/packages/edit-site/src/components/global-styles/screen-block.js @@ -283,13 +283,7 @@ function ScreenBlock( { name, variation } ) { inheritedValue={ inheritedStyleWithLayout } value={ styleWithLayout } onChange={ setStyle } - settings={ { - ...settings, - color: { - ...settings.color, - customDuotone: false, //TO FIX: Custom duotone only works on the block level right now - }, - } } + settings={ settings } includeLayoutControls /> ) }