theme.json 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494
  1. {
  2. "$schema": "https://schemas.wp.org/trunk/theme.json",
  3. "customTemplates": [
  4. {
  5. "name": "page-header-black",
  6. "postTypes": [
  7. "page",
  8. "post"
  9. ],
  10. "title": "Page with black header"
  11. },
  12. {
  13. "name": "page-no-sidebar",
  14. "postTypes": [
  15. "page",
  16. "post"
  17. ],
  18. "title": "Page with no sidebar"
  19. }
  20. ],
  21. "settings": {
  22. "appearanceTools": true,
  23. "color": {
  24. "palette": [
  25. {
  26. "color": "#000",
  27. "name": "Black",
  28. "slug": "black"
  29. },
  30. {
  31. "color": "#636363",
  32. "name": "Dark Grey",
  33. "slug": "dark-grey"
  34. },
  35. {
  36. "color": "#DFDFDF",
  37. "name": "Light Grey",
  38. "slug": "light-grey"
  39. },
  40. {
  41. "color": "#FFF",
  42. "name": "White",
  43. "slug": "white"
  44. },
  45. {
  46. "color": "#A43D00",
  47. "name": "Brown",
  48. "slug": "brown"
  49. },
  50. {
  51. "color": "#FF7D2F",
  52. "name": "Orange",
  53. "slug": "orange"
  54. },
  55. {
  56. "color": "#FDEEE5",
  57. "name": "Light Orange",
  58. "slug": "light-orange"
  59. }
  60. ]
  61. },
  62. "layout": {
  63. "contentSize": "119ch",
  64. "wideSize": "1280px"
  65. },
  66. "spacing": {
  67. "spacingScale": {
  68. "operator": "+",
  69. "increment": 0.25,
  70. "steps": 9,
  71. "mediumStep": 1.5,
  72. "unit": "rem"
  73. },
  74. "spacingSizes": [
  75. {
  76. "size": "3.125rem",
  77. "slug": "100",
  78. "name": "100"
  79. },
  80. {
  81. "size": "3.75rem",
  82. "slug": "110",
  83. "name": "110"
  84. }
  85. ],
  86. "units": [
  87. "%",
  88. "px",
  89. "em",
  90. "rem",
  91. "vh",
  92. "vw"
  93. ]
  94. },
  95. "typography": {
  96. "fluid": true,
  97. "fontFamilies": [
  98. {
  99. "fontFamily": "'Helvetica Neue', Arial, sans-serif",
  100. "name": "Helvetica Neue",
  101. "slug": "helvetica-neue"
  102. }
  103. ],
  104. "fontSizes": [
  105. {
  106. "fluid": {
  107. "max": "1.125rem",
  108. "min": "0.8rem"
  109. },
  110. "name": "Small",
  111. "size": "1rem",
  112. "slug": "small"
  113. },
  114. {
  115. "fluid": {
  116. "max": "1.5rem",
  117. "min": "1rem"
  118. },
  119. "name": "Medium",
  120. "size": "1.375rem",
  121. "slug": "medium"
  122. },
  123. {
  124. "fluid": {
  125. "max": "1.875rem",
  126. "min": "1.5rem"
  127. },
  128. "name": "Large",
  129. "size": "1.625rem",
  130. "slug": "large"
  131. },
  132. {
  133. "fluid": {
  134. "max": "2.625rem",
  135. "min": "1.75rem"
  136. },
  137. "name": "Extra large",
  138. "size": "2rem",
  139. "slug": "x-large"
  140. },
  141. {
  142. "fluid": {
  143. "max": "7rem",
  144. "min": "4rem"
  145. },
  146. "name": "Extra Extra Large",
  147. "size": "6.5rem",
  148. "slug": "xx-large"
  149. }
  150. ]
  151. },
  152. "useRootPaddingAwareAlignments": true
  153. },
  154. "styles": {
  155. "blocks": {
  156. "core/comment-author-name": {
  157. "elements": {
  158. "link": {
  159. "typography": {
  160. "textDecoration": "none"
  161. }
  162. }
  163. }
  164. },
  165. "core/comment-date": {
  166. "elements": {
  167. "link": {
  168. "typography": {
  169. "textDecoration": "none"
  170. }
  171. }
  172. }
  173. },
  174. "core/comment-reply-link": {
  175. "typography": {
  176. "textTransform": "uppercase"
  177. }
  178. },
  179. "core/navigation": {
  180. "elements": {
  181. "link": {
  182. ":hover": {
  183. "typography": {
  184. "textDecoration": "underline"
  185. }
  186. },
  187. ":active": {
  188. "color": {
  189. "text": "var(--wp--preset--color--brown)"
  190. },
  191. "typography": {
  192. "textDecoration": "underline"
  193. }
  194. },
  195. ":focus": {
  196. "typography": {
  197. "textDecoration": "underline dotted"
  198. }
  199. }
  200. }
  201. },
  202. "typography": {
  203. "fontSize": "var(--wp--preset--font--size--small)",
  204. "textTransform": "uppercase"
  205. }
  206. },
  207. "core/post-comments-form": {
  208. "elements": {
  209. "button": {
  210. "color": {
  211. "background": {
  212. "ref": "styles.color.background"
  213. },
  214. "text": {
  215. "ref": "styles.color.text"
  216. }
  217. }
  218. }
  219. }
  220. },
  221. "core/post-featured-image": {
  222. "filter": {
  223. "duotone": "var(--wp--preset--duotone--grayscale)"
  224. }
  225. },
  226. "core/post-navigation-link": {
  227. "typography": {
  228. "textTransform": "uppercase"
  229. }
  230. },
  231. "core/post-title": {
  232. "elements": {
  233. "link": {
  234. "typography": {
  235. "textDecoration": "none"
  236. },
  237. ":hover": {
  238. "color": {
  239. "text": {
  240. "ref": "styles.color.text"
  241. }
  242. },
  243. "typography": {
  244. "textDecoration": "underline"
  245. }
  246. },
  247. ":active": {
  248. "color": {
  249. "text": {
  250. "ref": "styles.color.text"
  251. }
  252. },
  253. "typography": {
  254. "textDecoration": "underline"
  255. }
  256. }
  257. }
  258. },
  259. "typography": {
  260. "fontSize": "var(--wp--preset--font-size--xx-large)",
  261. "textTransform": "uppercase"
  262. }
  263. },
  264. "core/query-pagination": {
  265. "typography": {
  266. "fontWeight": "700",
  267. "textTransform": "uppercase"
  268. }
  269. },
  270. "core/quote": {
  271. "border": {
  272. "color": "var(--wp--preset--color--orange)",
  273. "style": "solid",
  274. "width": "0 0 0 2px"
  275. },
  276. "elements": {
  277. "cite": {
  278. "typography": {
  279. "fontWeight": 400,
  280. "fontSize": "var(--wp--preset--font-size--small)",
  281. "fontStyle": "normal"
  282. }
  283. }
  284. },
  285. "spacing": {
  286. "padding": {
  287. "left": "var(--wp--preset--spacing--60)"
  288. }
  289. },
  290. "typography": {
  291. "fontSize": "var(--wp--preset--font-size--large)",
  292. "fontWeight": "bold",
  293. "lineHeight": "1.3",
  294. "textTransform": "uppercase"
  295. }
  296. },
  297. "core/search": {
  298. "elements": {
  299. "button": {
  300. "spacing": {
  301. "margin": {
  302. "left": "0px"
  303. },
  304. "padding": {
  305. "bottom": "var(--wp--preset--spacing--10)",
  306. "top": "var(--wp--preset--spacing--10)"
  307. }
  308. },
  309. ":hover": {
  310. "border": {
  311. "color": "var(--wp--preset--color--black)"
  312. },
  313. "color": {
  314. "background": "var(--wp--preset--color--black)",
  315. "text": "var(--wp--preset--color--orange)"
  316. }
  317. },
  318. ":focus": {
  319. "color": {
  320. "background": "var(--wp--preset--color--black)",
  321. "text": "var(--wp--preset--color--orange)"
  322. }
  323. }
  324. }
  325. }
  326. },
  327. "core/separator": {
  328. "border": {
  329. "width": "0 0 1px 0"
  330. }
  331. },
  332. "core/site-title": {
  333. "elements": {
  334. "link": {
  335. "typography": {
  336. "textDecoration": "none"
  337. }
  338. }
  339. },
  340. "typography": {
  341. "fontSize": "var(--wp--preset--font--size--small)",
  342. "fontWeight": "bold",
  343. "lineHeight": {
  344. "ref": "styles.typography.lineHeight"
  345. }
  346. }
  347. }
  348. },
  349. "color": {
  350. "background": "var(--wp--preset--color--white)",
  351. "text": "var(--wp--preset--color--black)"
  352. },
  353. "elements": {
  354. "button": {
  355. "border": {
  356. "color": "var(--wp--preset--color--black)",
  357. "radius": "0",
  358. "style": "solid",
  359. "width": "2px"
  360. },
  361. "color": {
  362. "background": {
  363. "ref": "styles.color.text"
  364. },
  365. "text": {
  366. "ref": "styles.color.background"
  367. }
  368. },
  369. "spacing": {
  370. "padding": {
  371. "bottom": "var(--wp--preset--spacing--40) !important",
  372. "left": "var(--wp--preset--spacing--50) !important",
  373. "right": "var(--wp--preset--spacing--50) !important",
  374. "top": "var(--wp--preset--spacing--40) !important"
  375. }
  376. },
  377. "typography": {
  378. "fontWeight": "700",
  379. "lineHeight": "1.2",
  380. "textDecoration": "none",
  381. "textTransform": "uppercase"
  382. },
  383. ":hover": {
  384. "border": {
  385. "color": "var(--wp--preset--color--orange)"
  386. },
  387. "color": {
  388. "background": "var(--wp--preset--color--orange)",
  389. "text": "var(--wp--preset--color--black)"
  390. }
  391. }
  392. },
  393. "h1": {
  394. "typography": {
  395. "fontSize": "clamp(4rem, 6vw, 6.5rem)",
  396. "fontWeight": "400",
  397. "lineHeight": "0.92"
  398. }
  399. },
  400. "h2": {
  401. "typography": {
  402. "fontSize": "clamp(2rem, 5vw, 2.375rem)",
  403. "fontWeight": "400",
  404. "lineHeight": "1"
  405. }
  406. },
  407. "h3": {
  408. "typography": {
  409. "fontSize": "var(--wp--preset--font-size--x-large)",
  410. "lineHeight": "1.2"
  411. }
  412. },
  413. "h4": {
  414. "typography": {
  415. "fontSize": "var(--wp--preset--spacing--60)",
  416. "lineHeight": "1.1"
  417. }
  418. },
  419. "h5": {
  420. "typography": {
  421. "fontSize": "var(--wp--preset--spacing--50)",
  422. "lineHeight": "1.2"
  423. }
  424. },
  425. "h6": {
  426. "typography": {
  427. "fontSize": "var(--wp--preset--font-size--small)",
  428. "lineHeight": "1.3"
  429. }
  430. },
  431. "heading": {
  432. "typography": {
  433. "fontWeight": "700",
  434. "textTransform": "uppercase"
  435. }
  436. },
  437. "link": {
  438. ":active": {
  439. "color": {
  440. "text": "var(--wp--preset--color--brown)"
  441. },
  442. "typography": {
  443. "textDecoration": "none"
  444. }
  445. },
  446. ":focus": {
  447. "typography": {
  448. "textDecoration": "underline dotted"
  449. }
  450. },
  451. ":hover": {
  452. "color": {
  453. "text": "var(--wp--preset--color--dark-grey)"
  454. },
  455. "typography": {
  456. "textDecoration": "none"
  457. }
  458. },
  459. "color": {
  460. "text": {
  461. "ref": "styles.color.text"
  462. }
  463. },
  464. "typography": {
  465. "textDecoration": "underline"
  466. }
  467. }
  468. },
  469. "spacing": {
  470. "blockGap": "var(--wp--preset--spacing--90)",
  471. "padding": {
  472. "top": "0px",
  473. "right": "var(--wp--preset--spacing--90)",
  474. "bottom": "0px",
  475. "left": "var(--wp--preset--spacing--90)"
  476. }
  477. },
  478. "typography": {
  479. "fontFamily": "var(--wp--preset--font-family--helvetica-neue)",
  480. "lineHeight": "1.6"
  481. }
  482. },
  483. "templateParts": [
  484. {
  485. "area": "header",
  486. "name": "Header"
  487. },
  488. {
  489. "area": "footer",
  490. "name": "Footer"
  491. }
  492. ],
  493. "version": 2
  494. }