Design Picker: re-enable Reynolds design

[simison]

Changes proposed in this Pull Request

• Re-Enable Reynolds in /new onboarding flow. It was disabled in Disable "Reynolds" design in new onboarding flow #48887

Testing instructions

• Open /new
• Proceed to design
• Observe design

Here's a direct test link that's easier, no need to open live-branch for testing:

https://public-api.wordpress.com/rest/v1/template/demo/rockfield/reynolds/?language=en&site_title=&font_headings=Playfair%20Display&font_base=Fira%20Sans

Depends on:

• Layout Grid: Enable mobile rendering in mobile editor. block-experiments#161 merged and deployed to .com
• Varia Themes: Incorrect Front-End colours with Cover, Headings, and Background Images, without Opacity themes#2971 / Varia: Remove colors from the cover block themes#3197 merged & deployed to .com
• Issues with button colors: Design Picker: re-enable Reynolds design #49608 (comment)

FYI @ianstewart — this PR allows easy testing of Reynolds design while it's disabled:

https://calypso.live/new/design?branch=update/re-enable-reynolds-design

[matticbot]

Test live: https://calypso.live/new?branch=update/re-enable-reynolds-design

[matticbot]

This PR does not affect the size of JS and CSS bundles shipped to the user's browser.

Generated by performance advisor bot at iscalypsofastyet.com.

[ianstewart]

Depends on https://href.li/?https://github.com/Automattic/block-experiments/pull/161 merged and deployed first.

There's still global styles / themes issues present as well.

Font-preview screen …

Front-end preview in Editor …

Front-end …

[ianstewart]

Related issue Automattic/themes#2971

[simison]

Depends on Automattic/themes#3197

[simison]

@ianstewart @scruffian 👋 I think all the known theme side issues got sorted for this to work but small things remain:

Screen.Recording.2021-02-10.at.18.46.36.mov

Those could be issues in templates, and adjusting some button colors might help?

[scruffian]

Related Gutenberg issue: WordPress/gutenberg#27075

[simison]

@ianstewart buttons are looking good in the preview at least — what do you think about re-releasing this design in the grid?

[ianstewart]

@simison let's give it a shot. :)

[simison]

Needs rebase, config moved to

wp-calypso/packages/design-picker/src/available-designs-config.json

Lines 122 to 135 in 2e40187

	{
	"title": "Reynolds",
	"slug": "reynolds",
	"template": "reynolds",
	"theme": "rockfield",
	"fonts": {
	"headings": "Playfair Display",
	"base": "Fira Sans"
	},
	"categories": [ "featured", "portfolio" ],
	"is_premium": false,
	"is_alpha": true,
	"features": []
	},

I recall there were some issues on last time we looked in to this, but now it's looking good again.

[alshakero]

Works as expected and font replacement works too.