diff --git a/packages/block-library/src/cover/style.scss b/packages/block-library/src/cover/style.scss index dd2dfa0578c66d..22b75bab1d7d18 100644 --- a/packages/block-library/src/cover/style.scss +++ b/packages/block-library/src/cover/style.scss @@ -34,6 +34,15 @@ background-color: $black; } + // Make sure the placeholder text is white when has-background-dim default background is black. + // the first selector is required for old Cover markup + &.has-background-dim:not([class*="-background-color"]):not(.is-light), + &:not(.is-light) .has-background-dim:not([class*="-background-color"]) { + & ~ .wp-block-cover__inner-container [data-rich-text-placeholder]::after { + color: $white; + } + } + .has-background-dim.has-background-gradient { background-color: transparent; }