theme.json 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. {
  2. "$schema": "https://json.schemastore.org/theme-v1.json",
  3. "version": 1,
  4. "templateParts": [
  5. {
  6. "name": "header",
  7. "area": "header"
  8. },
  9. {
  10. "name": "footer",
  11. "area": "footer"
  12. },
  13. {
  14. "name": "post-meta",
  15. "area": "Post Meta"
  16. }
  17. ],
  18. "settings": {
  19. "color": {
  20. "gradients": [
  21. {
  22. "slug": "hard-diagonal",
  23. "gradient": "linear-gradient(to bottom right, #3C8067 49.9%, #FAFBF6 50%)",
  24. "name": "Hard diagonal"
  25. },
  26. {
  27. "slug": "hard-diagonal-inverted",
  28. "gradient": "linear-gradient(to top left, #3C8067 49.9%, #FAFBF6 50%)",
  29. "name": "Hard diagonal inverted"
  30. },
  31. {
  32. "slug": "hard-horizontal",
  33. "gradient": "linear-gradient(to bottom, #3C8067 50%, #FAFBF6 50%)",
  34. "name": "Hard horizontal"
  35. },
  36. {
  37. "slug": "hard-horizontal-inverted",
  38. "gradient": "linear-gradient(to top, #3C8067 50%, #FAFBF6 50%)",
  39. "name": "Hard horizontal inverted"
  40. },
  41. {
  42. "slug": "diagonal",
  43. "gradient": "linear-gradient(to bottom right, #3C8067, #FAFBF6)",
  44. "name": "Diagonal"
  45. },
  46. {
  47. "slug": "diagonal-inverted",
  48. "gradient": "linear-gradient(to top left, #3C8067, #FAFBF6)",
  49. "name": "Diagonal inverted"
  50. },
  51. {
  52. "slug": "horizontal",
  53. "gradient": "linear-gradient(to bottom, #3C8067, #FAFBF6)",
  54. "name": "Horizontal"
  55. },
  56. {
  57. "slug": "horizontal-inverted",
  58. "gradient": "linear-gradient(to top, #3C8067, #FAFBF6)",
  59. "name": "Horizontal inverted"
  60. },
  61. {
  62. "slug": "stripe",
  63. "gradient": "linear-gradient(to bottom, transparent 20%, #3C8067 20%, #3C8067 80%, transparent 80%)",
  64. "name": "Stripe"
  65. }
  66. ],
  67. "palette": [
  68. {
  69. "slug": "primary",
  70. "color": "#3C8067",
  71. "name": "Primary"
  72. },
  73. {
  74. "slug": "secondary",
  75. "color": "#336D58",
  76. "name": "Secondary"
  77. },
  78. {
  79. "slug": "foreground",
  80. "color": "#333333",
  81. "name": "Foreground"
  82. },
  83. {
  84. "slug": "background",
  85. "color": "#ffffff",
  86. "name": "Background"
  87. },
  88. {
  89. "slug": "tertiary",
  90. "color": "#FAFBF6",
  91. "name": "tertiary"
  92. }
  93. ]
  94. },
  95. "custom": {
  96. "button": {
  97. "border": {
  98. "color": "var(--wp--custom--color--primary)"
  99. },
  100. "hover": {
  101. "color": {
  102. "background": "var(--wp--custom--color--secondary)"
  103. },
  104. "border": {
  105. "color": "var(--wp--custom--color--secondary)"
  106. }
  107. }
  108. },
  109. "latest-posts": {
  110. "meta": {
  111. "color": {
  112. "text": "var(--wp--custom--color--foreground)"
  113. }
  114. }
  115. },
  116. "gap": {
  117. "baseline": "10px",
  118. "horizontal": "25px",
  119. "vertical": "30px"
  120. },
  121. "pullquote": {
  122. "citation": {
  123. "spacing": {
  124. "margin": {
  125. "top": "20px"
  126. }
  127. }
  128. }
  129. }
  130. },
  131. "layout": {
  132. "contentSize": "620px",
  133. "wideSize": "790px"
  134. },
  135. "typography": {
  136. "customFontSize": true,
  137. "customLineHeight": true,
  138. "fontSizes": [
  139. {
  140. "name": "Small",
  141. "slug": "small",
  142. "size": "1rem"
  143. },
  144. {
  145. "name": "Medium",
  146. "slug": "medium",
  147. "size": "1.125rem"
  148. },
  149. {
  150. "name": "Large",
  151. "slug": "large",
  152. "size": "1.5rem"
  153. },
  154. {
  155. "name": "Extra Large",
  156. "slug": "x-large",
  157. "size": "1.75rem"
  158. }
  159. ],
  160. "spacing": {
  161. "customPadding": true,
  162. "units": [ "px", "em", "rem", "vh", "vw" ]
  163. }
  164. }
  165. },
  166. "styles": {
  167. "blocks": {
  168. "core/heading": {
  169. "typography": {
  170. "fontFamily": "var:preset|font-family|playfair-display"
  171. }
  172. },
  173. "core/post-title": {
  174. "typography": {
  175. "fontSize": "var(--wp--preset--font-size--x-large)",
  176. "fontFamily": "var:preset|font-family|playfair-display"
  177. }
  178. },
  179. "core/pullquote": {
  180. "border": {
  181. "style": "none"
  182. },
  183. "spacing": {
  184. "padding": {
  185. "left": 0,
  186. "right": 0,
  187. "top": "var(--wp--custom--gap--vertical)",
  188. "bottom": "var(--wp--custom--gap--vertical)"
  189. }
  190. },
  191. "typography": {
  192. "fontSize": "2rem",
  193. "fontStyle": "italic",
  194. "lineHeight": "1.3"
  195. }
  196. },
  197. "core/separator": {
  198. "color": {
  199. "text": "#EFEFEF"
  200. }
  201. },
  202. "core/site-title": {
  203. "color": {
  204. "link": "var(--wp--custom--color--primary)"
  205. },
  206. "typography": {
  207. "fontSize": "3.4375rem"
  208. }
  209. }
  210. },
  211. "typography": {
  212. "fontFamily": "var:preset|font-family|fira-sans"
  213. }
  214. }
  215. }