theme.json Generator

A visual builder for the Full Site Editing configuration file.

theme.json Configuration

Settings

Theme Name

Color Palette

Typography

Layout

Content Width

Wide Width

Generated theme.json

Usage: Save this as theme.json in your theme's root directory for Full Site Editing support.

Features

Generate theme.json for WordPress Full Site Editing
Configure color palette visually
Define typography settings
Set layout widths
Valid JSON output ready to use

How to Use

Enter your theme name
Add colors to your palette with names and hex values
Define font sizes for your theme
Set content and wide widths
Click "Generate theme.json"
Save the output as theme.json in your theme root