Color and typography variations/options in WP 6.6

[bph]

Discussed in #275

^{Originally posted by justintadlock June 11, 2024}
WordPress 6.6 will ship with a new global color and typography variations system. Similar to global style variations, which are placed under a theme's /styles folder, these new variations will work on top of the same underlying system.

However, color and typography variations let themers define specific color schemes and typography sets that users can choose from:

This recreates a feature that is popular in classic themes that utilize the customizer to give the user pre-built color schemes and typography sets to choose from. Essentially, it lets the user quickly pick their colors and typography at the click of a button without affecting other parts of the overall theme design.

These new "preset" variations can also be used alongside normal global style variations, mixing and matching different designs.

Feature addition:

• Color & Typography Variations for WP 6.6 gutenberg#61215

[justintadlock]

I'm working on this here: https://docs.google.com/document/d/15h3thuKpQ6j3yKf2cudoIZ2Iw3a6jNwm_-8e1MGRu9c/edit?usp=sharing

[justintadlock]

This one is ready for review! 🎉

[bph]

Code tested and almost no comment from me. Done 1st review

[ironnysh]

@justintadlock Fantastic work, as usual! 👏

• I left a couple of minor copy suggestions.
• I run into a CSS specificity bug (the funnest!). I added a comment with a screenshot in the doc.

Other than that, the second review is done.

[justintadlock]

Thanks, @bph and @ironnysh!!!

I run into a CSS specificity bug (the funnest!). I added a comment with a screenshot in the doc.

That's a block-level style, which should always overrule global styles. It's working as it should.

[ironnysh]

Oh! Didn't think about it... so it's a feature ;-)

[justintadlock]

Social copy:

Did you know that you can build custom color and typography presets for your theme users in WordPress 6.6? Find out how on the Developer Blog:

https://developer.wordpress.org/news/2024/07/22/mixing-and-matching-styles-colors-and-typography-in-wordpress-6-6/

[juanmaguitar]

Social Schedule on Thu, Aug 8, 2024