Skip to content
This repository was archived by the owner on Nov 18, 2024. It is now read-only.

Conversation

@beafialho
Copy link
Contributor

@beafialho beafialho commented Sep 16, 2024

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:

Captura de ecrã 2024-09-16, às 16 48 12

Noon:

Captura de ecrã 2024-09-16, às 16 58 21

Afternoon:

Captura de ecrã 2024-09-16, às 16 59 15

@carolinan
Copy link
Contributor

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

@github-actions
Copy link

github-actions bot commented Sep 17, 2024

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]>
Co-authored-by: jasmussen <[email protected]>

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

@carolinan
Copy link
Contributor

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

@beafialho
Copy link
Contributor Author

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
Copy link
Contributor Author

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

@carolinan
Copy link
Contributor

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
Copy link
Contributor

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

@github-actions
Copy link

github-actions bot commented Sep 23, 2024

Preview changes

You can preview these changes by following the link below:

I will update this comment with the latest preview links as you push more changes to this PR.
⚠️ Note: The preview sites are created using WordPress Playground. You can add content, edit settings, and test the themes as you would on a real site, but please note that changes are not saved between sessions.

@carolinan
Copy link
Contributor

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?

Yes the colors can be changed. And I mean I can implement it and I could make a decision about what colors to use but you might not like it 🥹
So basically I need to know what it is supposed to look like.

@carolinan
Copy link
Contributor

For evening, I believe section one is supposed to have buttons with black background:
image

And section two buttons should have a dark purple background:
image

Section 3 should have the white buttons that they do in this PR, but after that, I don't know because the styles are not in Figma.

@carolinan carolinan requested a review from jasmussen September 23, 2024 05:08
@carolinan
Copy link
Contributor

Here is the list of color changes that were made: I would like to know if the color palette presets should be updated to match the changes in the global style variation.

Noon

Noon palette Noon global style
Contrast #5F5F5F New contrast #191919
Accent 2 #914D0E New accent 2 #f5b684

Evening

Evening palette Evening global style
Contrast #D1D1D1 New contrast #f0f0f0
Accent 1 #6F6720 New accent 1 #786d0a
Accent 2 #CFBEE4 New accent 2 #442369
Accent 3 #3F3272 New accent 3 #d1d0ea
Primary #A1A1A1 New Primary #cbcbcb

@jasmussen
Copy link
Contributor

Overall, looks good! Saw no issues with the styles other than what Carolina has mentioned.

What @richtabor mentioned about style variations is still on my mind for this one: is it simply echoing the changes you are already proposing here, @carolinan?

Essentially what we want to avoid is having style variations that have color or font palettes that are unique from the discrete color and font presets, these:

Screenshot 2024-09-23 at 12 38 25

If we can keep those in sync, we can move fast. Otherwise we should get the presets perfected first, and then combine them into variations. What do you think?

Note, I was AFK for a bit and catching up, so apologies if I'm missing a nuance, and thank you for the pings!

@carolinan
Copy link
Contributor

Yes, that was my intention, for the palette color and the global style variations to match. It is not clear to me why the palettes needed to change.

@carolinan carolinan added the [Priority] High Used to indicate top priority items that need quick attention label Sep 23, 2024
@carolinan
Copy link
Contributor

carolinan commented Sep 24, 2024

I believe it would be easier to manage these as separate pull requests.

@carolinan
Copy link
Contributor

In afternoon, section 5 is drastically different when comparing the pull request and Figma, so I have not touched it.

@carolinan carolinan merged commit 1862d02 into trunk Sep 24, 2024
@juanfra juanfra deleted the add-combined-variations branch September 25, 2024 13:53
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

[Component] Style Variations [Priority] High Used to indicate top priority items that need quick attention

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants