Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactor/blockbase color admin #6043

Closed
wants to merge 9 commits into from
Closed

Conversation

pbking
Copy link
Contributor

@pbking pbking commented May 26, 2022

Changes proposed in this Pull Request:

  • Removes the Color Customization controls in the Customizer.
  • Adds the "Palette Options" previously available in the Customizer Color Customization as "Theme Variations"

image

image

Note: Variations do NOT inherit from the parent. This means that any child theme that does NOT provide theme variations will not have Blockbase's. Child themes that did NOT provide palette collections would have been provided Blockbase's in the Customizer.

This change should not BREAK any themes, however any child themes should migrate their palettes to variations to continue to provide that functionality.

All of the public (and Videomaker) blockbase themes have been refactored (Geologist, Quadrat, Zoologist and Videomaker)

Related issue(s):

NOTE: This should be merged and released at the same time as the Font Customization refactor and released as a Major Point Release for the Blockbase theme.

@@ -0,0 +1,36 @@
{
"version": 2,
"title": "Featured One",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@beafialho should we rename these color palettes/variations?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Are these the Videomaker ones?

Copy link
Contributor Author

@pbking pbking Jun 8, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These are the Blockbase color "schemes" from the customizer converted to theme variations. They didn't have names in Blockbase, just pictures and the "featured" label and I used the names that we had given them in configuration. As user-surfaced names they are certainly lack-luster.

image

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh, I see! Here's what I suggest then:

Default > Ocean Breeze
Featured (Red) > Ruby Wine
Featured (Green) > Rainforest
Featured (Pastel Colors) > Charcoal

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! Nice names. :)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

image

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! Perhaps that's already showing but "Default" show "Ocean Breeze" instead.

Copy link
Member

@mikachan mikachan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is working well for me. I can't see any errors on Blockbase or any child themes. I can see all the color palettes have been turned into variations. Switching between themes and variations is working really well on my side, looks good to go! ✨

array(
'type' => 'hidden',
'description' => '<div class="notice notice-warning">
<p>' . __( 'Color customization is now available exclusively in the Full Site Editor Global Styles panel. (Colors>Palette>⋮>Edit Colors) <br><br>Featured Palettes can now be found in the Full Site Editor as Theme Variations. (Browse Styles)', 'blockbase' ) . '</p>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a tiny nitpick, but should there be a colon (:>) here? (Colors>Palette>⋮>Edit Colors)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No, it's supposed to be the three dots menu, not a colon. I wasn't sure how else to describe that. :P

image

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ooh yeah! Hmm, I'm not sure of a better way to describe it either.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

there is a unicode character ⋮

@pbking pbking mentioned this pull request Jul 12, 2022
pbking added a commit that referenced this pull request Jul 20, 2022
Refactor/blockbase color admin (#6043)
Moved templates from old folder location to new (#6073)
Blockbase: Implement the Button elements API (#6041)
Blockbase: Implement Comment Block and removed CSS (#6080)
Fix/migrate blockbase font self hosted (#6123)
Blockbase children: update comments block (#6153)
Blockbase: Changed the trigger to render social icons (#6079)
Blockbase: move button padding styles from ponyfill to theme.json (#5901)

Co-authored-by: Grant Kinney <[email protected]>
Co-authored-by: Jeremy Yip <[email protected]>
Co-authored-by: MaggieCabrera <[email protected]>
Co-authored-by: madhusudhand <[email protected]>
@pbking
Copy link
Contributor Author

pbking commented Jul 20, 2022

Closing: Work merged in #6167

@pbking pbking closed this Jul 20, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants