theme.json generator

Create the theme.json file for WordPress block themes and FSE, with color, typography, spacing and layout configuration.

General settings

Enable Appearance Tools (enables multiple options at once)

Enable layout settings Content width (contentSize) Wide width (wideSize)

Color options

Allow custom colors Allow custom gradients Show default gradients Show default palette Enable duotone

Custom color palette

Colors (one per line: Name|slug|#color) Format: Name|slug|#hexcolor

Typography options

Allow custom font sizes Fluid font sizes Font style (italic, normal) Font weight (bold, normal) Line height Text decoration (underline, etc) Text transform (uppercase, etc) Drop cap

Font sizes

Sizes (one per line: Name|slug|size) Format: Name|slug|size

Font families

Fonts (one per line: Name|slug|font-family) Format: Name|slug|font-family

Enable spacing units (px, em, rem, etc) Enable block gap spacing Spacing sizes (one per line: Name|slug|size)

Enable border options (color, radius, style, width)

Body typography

Font family Font size Line height

Global colors

Background color Text color Link color

Include basic template parts (header, footer) Include custom template example

Generated code

// The generated code will appear here