Does theme.json only work with block based theme ?

Hi @poena ,

As per your saying theme.json file work with any theme, means either classic (php based theme) or block based theme (html template).

So I have created my own custom theme (two version, one is classic php based and another is block based). Block based theme.json file is working prefect, for example it applying color palette settings in block editor in wp-admin. But the same setting when I provide in classic version of that same theme, its not working. I want to know what I am missing there?

I apply this code in functions.php file for color palette and it works

// Editor color palette.
		$primary   = '#0d6efd';
		$secondary = '#ffc107';
		$black     = '#000000';
		$white     = '#FFFFFF';
		add_theme_support(
			'editor-color-palette',
			array(
				array(
					'name'  => esc_html__( 'Primary', 'uniquelang' ),
					'slug'  => 'primary',
					'color' => $primary,
				),
				array(
					'name'  => esc_html__( 'Secondary', 'uniquelang' ),
					'slug'  => 'secondary',
					'color' => $secondary,
				),
				array(
					'name'  => esc_html__( 'Black', 'uniquelang' ),
					'slug'  => 'black',
					'color' => $black,
				),
				array(
					'name'  => esc_html__( 'White', 'uniquelang' ),
					'slug'  => 'white',
					'color' => $white,
				),
			)
		);

But when I add this code in theme.json file it not apply or override settings added in functions.php

"settings": {
        "color": {
            "palette": [
                {
                "slug": "black",
				"color": "#000",
				"name": "Black"
                },
                {
                "slug": "white",
				"color": "#fff",
				"name": "White"
                },
                {
                "slug": "bsprimary",
				"color": "#0dcaf0",
				"name": "BSPrimary"
                },
                {
                "slug": "bssecondary",
				"color": "#ffc107",
				"name": "BSSecondary"
                }
            ]
        }
    }

I also commented functions.php file settings to see what happen, but then default block editor color palette shows when we edit a page, and not the colors that I have mentioned in theme.json file.

So do we need to add some kind of add_theme_support function for enabling theme.json file support in php based themes ?

Hi @poena ,

Yes I have added version 1 and after debugging I found following error

Notice: Error when decoding a theme.json schema at path ...../wp-content/themes/unique-theme-blank/theme.json Syntax error in ....../wp-includes/class-wp-theme-json-resolver.php on line 69

Notice: Error when decoding a theme.json schema at path ....../wp-content/themes/unique-theme-blank/theme.json Syntax error in ....../wp-content/plugins/gutenberg/lib/class-wp-theme-json-resolver-gutenberg.php on line 77

This is my whole theme.json code

{
    "version": 1,
	"settings": {
		"color": {
			"palette": [
				{
					"slug": "black",
					"color": "#000000",
					"name": "Black"
				},
				{
					"slug": "yellow",
					"color": "#EEEADD",
					"name": "Yellow"
				},
				{
					"slug": "white",
					"color": "#FFFFFF",
					"name": "White"
				}
			],
		},
		"layout": {
			"contentSize": "610px",
			"wideSize": "1240px"
		},
		"typography": {
			"fontFamilies": [
				{
					"fontFamily": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Liberation Sans\",sans-serif",
					"slug": "system-font",
					"name": "System Font"
				},
				{
					"fontFamily": "SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace",
					"slug": "monospace-font",
					"name": "Monospace Font"
				}
			]
		}
	}
}

• This reply was modified 3 years, 2 months ago by hozefasmile.
• This reply was modified 3 years, 2 months ago by hozefasmile.