What problem does this address?
The preview area in the Styles section currently shows a shadow. You can see it by opening Design > Styles or by opening the Styles panel in the editor.
It also appears when browsing styles.
It's a result of the filter: blur(60px) here: https://github.com/WordPress/gutenberg/blob/trunk/packages/global-styles-ui/src/preview-styles.tsx#L126 as discovered by @aaronrobertshaw here.
The clipping issue caused by this effect has already been fixed (thanks @aaronrobertshaw!), so the shadow no longer spills outside its container.
One problem remains. The blur smudges the background color, which makes it harder to judge the true background color when browsing styles, and it gives the preview box a washed out look, especially with light backgrounds.
What is your proposed solution?
I propose removing the blur effect from this area 🙂
@jameskoster if you have any extra input, feel free to add.
What problem does this address?
The preview area in the Styles section currently shows a shadow. You can see it by opening
Design > Stylesor by opening theStylespanel in the editor.It also appears when browsing styles.
It's a result of the filter: blur(60px) here: https://github.com/WordPress/gutenberg/blob/trunk/packages/global-styles-ui/src/preview-styles.tsx#L126 as discovered by @aaronrobertshaw here.
The clipping issue caused by this effect has already been fixed (thanks @aaronrobertshaw!), so the shadow no longer spills outside its container.
One problem remains. The blur smudges the background color, which makes it harder to judge the true background color when browsing styles, and it gives the preview box a washed out look, especially with light backgrounds.
What is your proposed solution?
I propose removing the blur effect from this area 🙂
@jameskoster if you have any extra input, feel free to add.