diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md index 4d69b16d5713e..eb20480f9c1a5 100644 --- a/docs/reference-guides/core-blocks.md +++ b/docs/reference-guides/core-blocks.md @@ -707,7 +707,7 @@ Create a break between ideas or sections with a horizontal separator. ([Source]( - **Name:** core/separator - **Category:** design -- **Supports:** align (center, full, wide), anchor, color (background, gradients, ~~text~~), spacing (margin) +- **Supports:** align (center, full, wide), anchor, color (background, gradients, ~~enableContrastChecker~~, ~~text~~), spacing (margin) - **Attributes:** opacity ## Shortcode diff --git a/packages/block-editor/src/hooks/color.js b/packages/block-editor/src/hooks/color.js index d6534627c93c3..ad6a14028d3f2 100644 --- a/packages/block-editor/src/hooks/color.js +++ b/packages/block-editor/src/hooks/color.js @@ -450,14 +450,24 @@ export function ColorEdit( props ) { }; }; - const enableContrastChecking = - Platform.OS === 'web' && ! gradient && ! style?.color?.gradient; - const defaultColorControls = getBlockSupport( props.name, [ COLOR_SUPPORT_KEY, '__experimentalDefaultControls', ] ); + const enableContrastChecking = + Platform.OS === 'web' && + ! gradient && + ! style?.color?.gradient && + // Contrast checking is enabled by default. + // Deactivating it requires `enableContrastChecker` to have + // an explicit value of `false`. + false !== + getBlockSupport( props.name, [ + COLOR_SUPPORT_KEY, + 'enableContrastChecker', + ] ); + return (