Ever wonder why the same block has different customization options in different themes? That’s the global settings and styles feature (also known as theme.json) in action.
This feature gives you complete control over what styling options appear in the site editor and block editor. You can enable or disable controls globally, per block type, or even differently between editors.
The settings system lets you create design systems with custom color palettes, font sizes, spacing scales, and font families. These become the “presets” that users can choose from when styling their content.
The styles interface then uses these presets to visually style all elements – from basic page colors to specific block styling. This creates a fast, maintainable workflow where you control the design system and users work within those boundaries.