WordPress registers colors in its default color palette with CSS custom properties that are available for all themes. Since Gutenberg version 11.9, the block editor shows three separate color palettes: The default, the theme palette, and a palette of colors added by the user in the global styles interface.
color/gradient/duotone: The CSS color value. name: The visible name of the color in the editor. slug: The unique identifier, also used in the CSS custom property. JSON structureĪll three color options: the palette, duotone, and gradients use the same JSON structure with key and value pairs: You can also use a CSS custom property.ĭuotone only works with hex and rgb color values. Such as hex, rgb, rgba, color names like blue or red, keywords like transparent and currentColor, hsl, and hsla. What color values can you use in theme.json?Įxcept for duotones, you can use any valid CSS color values to add or apply colors. For example, in a block like the latest posts block you can not add different colors for the post date and post author. You may run into problems when you apply colors to complex blocks with multiple HTML elements. What colors can you not change with theme.json? 
Disable and enable link color, border colors, gradients, and duotones.Decide if the user should be able to select custom colors using the color picker.Decide which colors, gradients, and duotones the user can choose from.The WordPress block editor has many different types of color options: Introduction What color options can you change with theme.json? Which WordPress blocks support borders?.Applying colors using theme.json elements.How to add a default gradient background to a block.How to add gradients to the block editor.Which WordPress blocks support gradient backgrounds?.How to set a default duotone using theme.json.Which WordPress blocks support duotone?.
How to enable border color and link color options in theme.json. How to add a new color palette to the block editor. 
What color values can you use in theme.json?. What colors can you not change with theme.json?. What color options can you change with theme.json?.
0 kommentar(er)
