Changes to Background Color with theme Reverie don't save.

[ckmccoy2]

Quick summary

User in 9142693-zd reported that when trying to change their background color in Appearance > Editor > Styles, it updated in the Editor, but not on the live site.

Steps to reproduce

1. Set site theme to Reverie
2. Go to Appearance > Editor > Styles > Colors > Background and try to change the background color and save.
3. It will update in the Editor, but not on the live site.

What you expected to happen

The background color on the live site to update.

What actually happened

The live site did not update to reflect the new background color.

Impact

One

Available workarounds?

Yes, updating background color using Palette feature instead of the "Background" color

If the above answer is "Yes...", outline the workaround.

No response

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

It seems to only affect the background color option, I was able to make changes to text color, button styles, etc and they showed on the live site as expected. I tested this on both simple sites (with a Personal plan) and an atomic site (with hosting features enabled on the Business plan, so this seems specific to the Reverie theme.

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 9142693-zen

[dsas]

It's easy to see how this is confusing, but for it to actually work on Reverie you need to change the colour palette, not the background element

This isn't a dotcom specific thing, I can reproduce locally.

[dsas]

Removed from the Marvel board as Reverie should be a theme team responsibility, i'm unsure who best to cc, any idea @iamtakashi ?

[supernovia]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO
There are two places where a background color can be set, and only one works on the live site

📌 ACTIONS

• Triaged
• Messaged author

📌 Message to Author
@ckmccoy2 I'm editing to share a workaround, and have updated the user

[supernovia]

Hah, sorry @dsas I just saw your earlier comment :D

[dsas]

No worries @supernovia your screenshot is much more helpful than mine!

[iamtakashi]

I think the dev has left the company, but the designer was cc @beafialho.

[iamtakashi]

I looked at the theme and saw what was causing the problem. But I'm not sure how to solve it 🤔 The theme has a unique paint texture, and the way it was implemented is causing this issue.

@dsas, when you change the colour of the background element, Gutenberg adds an inline style rule to the body. Do you know if there is a way to add it to a given element (in this case, a pseudo-element .background-overlay::before)?