Adds Noon, Evening and Afternoon variations

[beafialho]

Description

Adds combined variations remaining in #193.

I had to change the hues and order of some color palettes for the section styles to work. I'll update the Figma with the new colors.

Screenshots

Evening:

Noon:

Afternoon:

[carolinan]

The buttons especially in noon are still problematic, with some background colors both the default and outline buttons look like plain text.

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: beafialho <[email protected]>
Co-authored-by: carolinan <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[carolinan]

From the screenshot, it looks like section 3 and 5 in afternoon is the same?

[beafialho]

The button outlines in styles 2 and 4 don't look good in any of the variations. Is there something we can do about it?

[beafialho]

I'll try to add a different color in Afternoon.

[carolinan]

The button outlines in styles 2 and 4 don't look good in any of the variations. Is there something we can do about it?

I think this will be the most difficult part about adding the variations.

In styles/blocks/section-2.json the button is set to contrast and base:

"elements": {
			"button": {
				"color": {
					"background": "var:preset|color|contrast",
					"text": "var:preset|color|base"
				}
			}

Then in noon (as an example), section-2 can be updated like this:

"variations": {
		"section-2": {
				"elements": {
					"button": {
						"color": {
							"background": "anything",
							"text": "anything"
						}
					}
...

[carolinan]

(the outline button can not be changed the same way)