Edit Themes

Editing Twenty Twenty-Five (active)

File: styles/sections/section-4.json

Theme Files

Selected file content:

{
	"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
	"version": 3,
	"slug": "section-4",
	"title": "Style 4",
	"blockTypes": [
		"core/group",
		"core/columns",
		"core/column"
	],
	"styles": {
		"color": {
			"background": "var:preset|color|accent-3",
			"text": "var:preset|color|accent-2"
		},
		"blocks": {
			"core/separator": {
				"color": {
					"text": "color-mix(in srgb, currentColor 25%, transparent)"
				}
			},
			"core/post-author-name": {
				"color": {
					"text": "currentColor"
				},
				"elements": {
					"link": {
						"color": {
							"text": "currentColor"
						}
					}
				}
			},
			"core/post-date": {
				"color":{
					"text": "color-mix(in srgb, currentColor 85%, transparent)"
				},
				"elements": {
					"link": {
						"color" : {
							"text": "color-mix(in srgb, currentColor 85%, transparent)"
						}
					}
				}
			},
			"core/post-terms": {
				"color": {
					"text": "currentColor"
				},
				"elements": {
					"link": {
						"color": {
							"text": "currentColor"
						}
					}
				}
			},
			"core/comment-author-name": {
				"color": {
					"text": "currentColor"
				},
				"elements": {
					"link": {
						"color": {
							"text": "currentColor"
						}
					}
				}
			},
			"core/comment-date": {
				"color": {
					"text": "currentColor"
				},
				"elements": {
					"link": {
						"color": {
							"text": "currentColor"
						}
					}
				}
			},
			"core/comment-edit-link": {
				"color": {
					"text": "currentColor"
				},
				"elements": {
					"link": {
						"color": {
							"text": "currentColor"
						}
					}
				}
			},
			"core/comment-reply-link": {
				"color": {
					"text": "currentColor"
				},
				"elements": {
					"link": {
						"color": {
							"text": "currentColor"
						}
					}
				}
			},
			"core/pullquote": {
				"color": {
					"text": "currentColor"
				}
			},
			"core/quote": {
				"color": {
					"text": "currentColor"
				}
			}
		},
		"elements": {
			"button": {
				"color": {
					"background": "var:preset|color|accent-2",
					"text": "var:preset|color|accent-3"
				},
				":hover": {
					"color": {
						"background": "color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, transparent)",
						"text": "var:preset|color|accent-3"
					}
				}
			}
		}
	}
}

Edit Themes

Editing Twenty Twenty-Five (active)

Theme Files

Heads up!