Edit Themes

Editing Twenty Twenty-Five (active)

File: styles/08-midnight.json

Theme Files

Selected file content:

{
	"$schema": "https://schemas.wp.org/wp/6.7/theme.json",
	"version": 3,
	"title": "Midnight",
	"settings": {
		"color": {
			"duotone": [
				{
					"colors": [
						"#4433A6",
						"#79F3B1"
					],
					"name": "Midnight filter",
					"slug": "midnight-filter"
				}
			],
			"palette": [
				{
					"color": "#4433A6",
					"name": "Base",
					"slug": "base"
				},
				{
					"color": "#79F3B1",
					"name": "Contrast",
					"slug": "contrast"
				},
				{
					"color": "#5644BC",
					"name": "Accent 1",
					"slug": "accent-1"
				},
				{
					"color": "#372696",
					"name": "Accent 2",
					"slug": "accent-2"
				},
				{
					"color": "#251D51",
					"name": "Accent 3",
					"slug": "accent-3"
				},
				{
					"color": "#79F3B1",
					"name": "Accent 4",
					"slug": "accent-4"
				},
				{
					"color": "#E8B7FF",
					"name": "Accent 5",
					"slug": "accent-5"
				},
				{
					"color": "#79F3B133",
					"name": "Accent 6",
					"slug": "accent-6"
				}
			]
		},
		"typography": {
			"fontSizes": [
				{
					"fluid": false,
					"name": "Small",
					"size": "0.9rem",
					"slug": "small"
				},
				{
					"fluid": {
						"max": "1.2rem",
						"min": "0.9rem"
					},
					"name": "Medium",
					"size": "1rem",
					"slug": "medium"
				},
				{
					"fluid": {
						"max": "1.8rem",
						"min": "1.2rem"
					},
					"name": "Large",
					"size": "1.2rem",
					"slug": "large"
				},
				{
					"fluid": {
						"max": "2.2rem",
						"min": "1.8rem"
					},
					"name": "Extra Large",
					"size": "1.8rem",
					"slug": "x-large"
				},
				{
					"fluid": {
						"max": "2.8rem",
						"min": "2rem"
					},
					"name": "Extra Extra Large",
					"size": "2rem",
					"slug": "xx-large"
				}
			],
			"fontFamilies": [
				{
					"name": "Literata",
					"slug": "literata",
					"fontFamily": "Literata, serif",
					"fontFace": [
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-ExtraLight.woff2"
							],
							"fontWeight": "200",
							"fontStyle": "normal",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-ExtraLightItalic.woff2"
							],
							"fontWeight": "200",
							"fontStyle": "italic",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-Light.woff2"
							],
							"fontWeight": "300",
							"fontStyle": "normal",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-LightItalic.woff2"
							],
							"fontWeight": "300",
							"fontStyle": "italic",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-Regular.woff2"
							],
							"fontWeight": "400",
							"fontStyle": "normal",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-RegularItalic.woff2"
							],
							"fontWeight": "400",
							"fontStyle": "italic",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-Medium.woff2"
							],
							"fontWeight": "500",
							"fontStyle": "normal",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-MediumItalic.woff2"
							],
							"fontWeight": "500",
							"fontStyle": "italic",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-SemiBold.woff2"
							],
							"fontWeight": "600",
							"fontStyle": "normal",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-SemiBoldItalic.woff2"
							],
							"fontWeight": "600",
							"fontStyle": "italic",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-Bold.woff2"
							],
							"fontWeight": "700",
							"fontStyle": "normal",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-BoldItalic.woff2"
							],
							"fontWeight": "700",
							"fontStyle": "italic",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-ExtraBold.woff2"
							],
							"fontWeight": "800",
							"fontStyle": "normal",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-ExtraBoldItalic.woff2"
							],
							"fontWeight": "800",
							"fontStyle": "italic",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-Black.woff2"
							],
							"fontWeight": "900",
							"fontStyle": "normal",
							"fontFamily": "Literata"
						},
						{
							"src": [
								"file:./assets/fonts/literata/Literata72pt-BlackItalic.woff2"
							],
							"fontWeight": "900",
							"fontStyle": "italic",
							"fontFamily": "Literata"
						}
					]
				},
				{
					"name": "Fira Sans",
					"slug": "fira-sans",
					"fontFamily": "\"Fira Sans\", sans-serif",
					"fontFace": [
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-Thin.woff2"
							],
							"fontWeight": "100",
							"fontStyle": "normal",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-ThinItalic.woff2"
							],
							"fontWeight": "100",
							"fontStyle": "italic",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-ExtraLight.woff2"
							],
							"fontWeight": "200",
							"fontStyle": "normal",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-ExtraLightItalic.woff2"
							],
							"fontWeight": "200",
							"fontStyle": "italic",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-Light.woff2"
							],
							"fontWeight": "300",
							"fontStyle": "normal",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-LightItalic.woff2"
							],
							"fontWeight": "300",
							"fontStyle": "italic",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-Italic.woff2"
							],
							"fontWeight": "400",
							"fontStyle": "italic",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-Regular.woff2"
							],
							"fontWeight": "400",
							"fontStyle": "normal",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-Medium.woff2"
							],
							"fontWeight": "500",
							"fontStyle": "normal",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-MediumItalic.woff2"
							],
							"fontWeight": "500",
							"fontStyle": "italic",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-SemiBold.woff2"
							],
							"fontWeight": "600",
							"fontStyle": "normal",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-SemiBoldItalic.woff2"
							],
							"fontWeight": "600",
							"fontStyle": "italic",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-Bold.woff2"
							],
							"fontWeight": "700",
							"fontStyle": "normal",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-BoldItalic.woff2"
							],
							"fontWeight": "700",
							"fontStyle": "italic",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-ExtraBold.woff2"
							],
							"fontWeight": "800",
							"fontStyle": "normal",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-ExtraBoldItalic.woff2"
							],
							"fontWeight": "800",
							"fontStyle": "italic",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-Black.woff2"
							],
							"fontWeight": "900",
							"fontStyle": "normal",
							"fontFamily": "\"Fira Sans\""
						},
						{
							"src": [
								"file:./assets/fonts/fira-sans/FiraSans-BlackItalic.woff2"
							],
							"fontWeight": "900",
							"fontStyle": "italic",
							"fontFamily": "\"Fira Sans\""
						}
					]
				}
			]
		}
	},
	"styles": {
		"typography": {
			"fontSize": "var:preset|font-size|medium",
			"fontFamily": "var:preset|font-family|fira-sans",
			"letterSpacing": "-0.01em",
			"lineHeight": "1.5"
		},
		"blocks": {
			"core/avatar": {
				"filter": {
					"duotone": "var:preset|duotone|midnight-filter"
				}
			},
			"core/button": {
				"variations": {
					"outline": {
						"spacing": {
							"padding": {
								"bottom": "1rem",
								"left": "1rem",
								"right": "1rem",
								"top": "1rem"
							}
						}
					}
				}
			},
			"core/code": {
				"color": {
					"background": "var:preset|color|accent-2",
					"text": "var:preset|color|contrast"
				}
			},
			"core/cover": {
				"filter": {
					"duotone": "var:preset|duotone|midnight-filter"
				}
			},
			"core/image": {
				"filter": {
					"duotone": "var:preset|duotone|midnight-filter"
				}
			},
			"core/post-date": {
				"color": {
					"text": "var:preset|color|contrast"
				},
				"elements": {
					"link": {
						"color": {
							"text": "var:preset|color|contrast"
						}
					}
				}
			},
			"core/post-featured-image": {
				"filter": {
					"duotone": "var:preset|duotone|midnight-filter"
				}
			},
			"core/post-title": {
				"typography": {
					"fontWeight": "200"
				}
			},
			"core/pullquote": {
				"border": {
					"bottom": {
						"style": "none",
						"width": "0px"
					},
					"left": {
						"style": "none",
						"width": "0px"
					},
					"right": {
						"style": "none",
						"width": "0px"
					},
					"top": {
						"style": "none",
						"width": "0px"
					}
				},
				"typography": {
					"fontFamily": "var:preset|font-family|literata",
					"fontWeight": "200",
					"letterSpacing": "0em"
				}
			},
			"core/query-pagination": {
				"typography": {
					"fontWeight": "300",
					"letterSpacing": "0px"
				}
			},
			"core/quote": {
				"typography": {
					"fontSize": "var:preset|font-size|medium",
					"letterSpacing": "-0.01em",
					"lineHeight": "1.5",
					"fontWeight": "300"
				}
			},
			"core/search": {
				"border": {
					"radius": "0px"
				}
			},
			"core/site-logo": {
				"filter": {
					"duotone": "var:preset|duotone|midnight-filter"
				}
			},
			"core/site-title": {
				"typography": {
					"fontFamily": "var:preset|font-family|literata",
					"fontSize": "var:preset|font-size|x-large",
					"fontWeight": "300",
					"letterSpacing": "-0.56px",
					"textTransform": "uppercase"
				}
			}
		},
		"elements": {
			"button": {
				"border": {
					"radius": "0px"
				},
				"color": {
					"background": "var:preset|color|contrast",
					"text": "var:preset|color|base"
				},
				"spacing": {
					"padding": {
						"bottom": "1rem",
						"left": "1rem",
						"right": "1rem",
						"top": "1rem"
					}
				},
				"typography": {
					"fontFamily": "var:preset|font-family|literata",
					"fontSize": "var:preset|font-size|medium",
					"fontWeight": "400",
					"letterSpacing": "-0.01em",
					"textTransform": "uppercase"
				},
				":hover": {
					"color": {
						"background": "color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent)"
					}
				}
			},
			"heading": {
				"typography": {
					"fontFamily": "var:preset|font-family|literata",
					"fontWeight": "200",
					"letterSpacing": "-0.02em",
					"lineHeight": "1.24"
				}
			},
			"h6": {
				"typography": {
					"fontWeight": "200"
				}
			}
		},
		"variations": {
			"section-1": {
				"color": {
					"text": "var:preset|color|accent-3"
				},
				"elements": {
					"button": {
						"color": {
							"background": "var:preset|color|accent-3",
							"text": "var:preset|color|accent-5"
						},
						":hover": {
							"color": {
								"background": "color-mix(in srgb, var(--wp--preset--color--accent-3) 85%, transparent)"
							}
						}
					},
					"link": {
						"color": {
							"text": "currentColor"
						}
					}
				}
			},
			"section-4": {
				"color": {
					"text": "var:preset|color|accent-5"
				},
				"elements": {
					"button": {
						"color": {
							"background": "var:preset|color|accent-5",
							"text": "var:preset|color|accent-3"
						},
						":hover": {
							"color": {
								"background": "color-mix(in srgb, var(--wp--preset--color--accent-5) 85%, transparent)"
							}
						}
					},
					"link": {
						"color": {
							"text": "currentColor"
						}
					}
				}
			}
		}
	}
}

Edit Themes

Editing Twenty Twenty-Five (active)

Theme Files

Heads up!