Kaya theme version 3.4 introduces Block Editor Global Colors, a new customizer option that puts your entire color palette in one place. You define colors once—headings, text, links, accents, backgrounds, borders, and buttons—then reuse them across the block editor and everywhere else in the theme.
The best part: change a color in the customizer and it updates everywhere you’ve applied it. When a client changes their mind for the 57th time, you edit one value and publish. The update is fully backwards-compatible, so your existing colors stay exactly as you set them.
Transcript
The latest update of the Kaya theme, version 3.4, includes a new option called Block Editor Global Colors. This lives in the theme customizer, so we can select it. By default, it loads in a bunch of different colors.
These include heading, text, link, and link hover, plus accents 1, 2, and 3. You also get background color 1, background color 2, border color, button background color, and button text color. Once you have all of these colors set up and saved, you’ll want to publish it.
You can then use these colors in the colors section. You do have to give the webpage a quick reload after you publish the changes to the previous section of the customizer, the block colors. Then all of these colors become available to set every one of your existing colors within the Kaya theme.
Note that this is a backwards-compatible update. Any color you already had set up here will not be hurt or damaged by this new update, so these are non-breaking changes. Here you can also remove colors or add more colors, and then these become available in the block editor.
So I’m just going to quickly open up my homepage. Just for the sake of it, I’m going to add a button element and style it. Here I have choices: I can set text colors, I can set background colors, and I can easily change them.
These colors will continue to persist going forward. So what that means is, once I’ve got this set up, I can come into the customizer and make changes to a global color. I had changed the button background color, so I’m going to copy the color I have, then change it and publish that change.
Of course, I picked the wrong item first, but there we go. Now you can see it has changed, because I changed the color here in the customizer. This means that when your client changes their mind 57 times, because that has happened, you can just keep updating the colors here and publishing your changes, and things will keep changing going forward.
So that is the latest update to the Kaya theme. Please enjoy the new custom colors, available for your block editor and to use in your customizer.