Site Editor: Root padding support in theme.json and no colors

[Gierand]

Description

Adding support for root padding in theme.json causes no color rendering in the Site Editor.

Step-by-step reproduction instructions

Depending on the setting in useRootPaddingAwareAlignments in theme.json, follow the video demonstration below.

Screenshots, screen recording, code snippet

Before:

"settings": {
   "useRootPaddingAwareAlignments": false
}

After:

"settings": {
   "useRootPaddingAwareAlignments": true
}

Environment info

WordPress version: 6.0.1 and 6.1-alpha-53810
Gutenberg version: 13.9.20220731

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[tellthemachines]

Thanks for reporting this @Gierand !

I can reproduce the issue on trunk with Empty Theme. Looks like it's caused by the early return after root padding variables are set.

It only happens in the editor though, not on the front end. Looking into a fix now.

[spencerfinnell]

Thanks for the quick fix. In case anyone else is searching as a result of a similar consequence, it was also affecting typography options like fontWeight and lineHeight. Confirmed fix on trunk.